小编Ste*_*rey的帖子

React Native:this.setState不是函数

我在这里看到了许多关于同一问题的问题,但它似乎与我遇到的问题无关,而且有点复杂.

我正在学习ReactJS和React Native.我正在阅读并遵循"Learning React Native"一书中的代码示例:https://github.com/bonniee/learning-react-native

出于某种原因,当调用handleTextChange函数时,在下面的代码中调用this.setState会导致"this.SetState不是函数".错误.我的问题是为什么?与关于同一问题的其他问题不同,我不相信我对this.stateState的调用隐藏在回调函数或if语句中.为什么不定义?

这是我的代码:

class WeatherProject extends Component {
  constructor(props) {
    super(props);
    this.state = {
      zip: "",
      forecast: null
    };
  }

  _handleTextChange(event) {
    this.setState({zip: event.nativeEvent.text});
  }

    render() {
    return (
      <View style={styles.container}>
      <Text style={styles.welcome}>
      You input {this.state.zip}.
      </Text>
      <TextInput
      style={styles.input}
      onSubmitEditing={this._handleTextChange}/>
      </View>
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

23
推荐指数
3
解决办法
4万
查看次数

React Native'无序'式列表

如何在React Native中创建一个类似于<ul>HTML中的无序列表()的列表?它是否需要一个带有两个Views的基于flex的布局(一个包含'bullet'和另一个包含列表项文本)或者它们是一种更简单,更简单的方法吗?

react-native

21
推荐指数
2
解决办法
2万
查看次数

React Native:如何确定设备是iPhone还是iPad

我知道React Native我们有能力确定iOS或Android是否正在使用该Platform模块运行,但我们如何确定在iOS上使用的设备?

react-native

20
推荐指数
7
解决办法
2万
查看次数

使用全屏主题时,在Android上反映原生'模态'组件不覆盖整个屏幕

标题说明了一切.我编辑了styles.xml文件(/projectname/android/app/src/res/values/styles.xml)以包含以下内容:

<resources>
    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
        <item name="android:windowFullscreen">true</item>
        <item name="android:windowContentOverlay">@null</item>
    </style>
</resources>
Run Code Online (Sandbox Code Playgroud)

此代码成功使应用程序全屏,删除Android状态栏.但是,如果我启动一个React Native'Modal'组件,模态只会延伸到顶部,就像状态栏的边缘一样,留下一个状态栏大小的间隙.我如何修改模态以一直延伸到顶部?

这是带有差距的开放式模式的屏幕截图:

打开模态与差距

android react-native

10
推荐指数
2
解决办法
2318
查看次数

React Native中的上标文本

我想在React Native中将文本设置为上标.这将如何实现?有没有办法利用Javascript sup()字符串方法在<Text>对象中返回字符串作为上标?

react-native

7
推荐指数
2
解决办法
9185
查看次数

要在Visual Studio Code中为React Native自动完成工作,需要采取什么步骤?

我已按照VS Code文档中概述的步骤进行操作,以通过安装React Native的类型来使Intellisense适用于React Native。现在,我需要怎么做才能完成自动填充?例如,如果输入<Text>,我希望看到该标签的自动关闭。我在这里想念什么?这似乎应该立即可用。

react-native visual-studio-code

6
推荐指数
2
解决办法
5806
查看次数

React Native AsyncStorage:从Promise对象访问值

当我AsyncStorage.getItem()用来检索指定键的值(电子邮件地址)时,它返回一个Promise对象,如文档中所示.该值出现在对象中,如下所示:

{
  _45: 0
  _54: null
  _65: "testuser@test.com"
  _81: 1
}
Run Code Online (Sandbox Code Playgroud)

我可以通过调用可靠地访问此值,obj._65还是有其他方法可以实现此目的?

promise react-native

4
推荐指数
2
解决办法
6561
查看次数

每一个和一些嵌套JavaScript

我想弄清楚为什么这会返回false:

var goodUsers = [
  { id: 1 },
  { id: 2 },
  { id: 3 },
];

var testUsers = [
  { id: 1 },
  { id: 2 },
  { id: 3 }
];

console.log(testUsers.every(testUser => {
  goodUsers.some(goodUser => {
    testUser.id === goodUser.id
  })
}));
Run Code Online (Sandbox Code Playgroud)

我认为我的问题在于我是如何在some里面筑巢的every.任何帮助,将不胜感激.谢谢!

javascript ecmascript-6

2
推荐指数
1
解决办法
124
查看次数

反应原生内联文本链接

我需要将Text组件中的选择文本链接到指向外部URL.我已经包含了一个TouchableOpacity并根据需要指定了宽度和高度,但是TouchableOpacity现在似乎与相邻文本重叠.例:

<Text>Lorem ipsum dolor sit amet, <TouchableOpacity onPress={() => {Linking.openURL('http://www.example.com/')}} style={{width: 108, height: 11}}><Text>consectetur adipiscing</Text></TouchableOpacity> elit. Fusce congue malesuada euismod.</Text>

TouchableOpacityText组件内部保持内联的最佳方法是什么?

react-native

2
推荐指数
1
解决办法
6149
查看次数

Ruby:数组的未定义方法“to_set”?

我有一大堆字符:

input = ["p", "f", "p", "t" ... "g"]
Run Code Online (Sandbox Code Playgroud)

我试图获取数组的一部分并将其转换为一个集合:

sub = input.slice(0, 4).to_set
Run Code Online (Sandbox Code Playgroud)

但口译员轰炸了:

undefined method `to_set' for ["p", "f", "p", "t"]:Array (NoMethodError)
Run Code Online (Sandbox Code Playgroud)

为什么会发生这种情况?这段irb代码执行没有问题。

ruby

2
推荐指数
1
解决办法
409
查看次数