Question

我有以下代码部分。当我输入引号（在标有Issue n的代码部分中的整数值周围的单引号时，我的应用程序崩溃而没有任何明显的错误消息。一旦我导航到该页面，我会得到一个弹出框，上面写着：＆＃34;不幸的是，ExampleApp已经停止。＆＃34;使用＆＃34; OK＆＃34;按钮。

在以下四个标记部分中的任意一个部分添加引号会导致应用崩溃。但是，如果我在flex整数周围添加引号，我会收到一个正确的错误，并且我的手机上会显示一个红色屏幕，并显示以下消息：Invariant Violation: Invalid prop 'flex' of type 'string' supplied to 'StyleSheet container', expected 'number'.

render(){


    const styles = StyleSheet.create({
      container: {
        flex: 0, //No Issue
        padding: 8, //Issue 1
        flexDirection: 'row',
        alignItems: 'center',
        backgroundColor: '#C1C1C1',
      },
      button: {
          margin: 5 //Issue 2
      }
    });

    return(

      <View style={styles.container}>

        <View>
            <TouchableOpacity onPress={()=> this.goHome()} style={{marginRight: 20}}> //Issue 3
                <Image source={require('../images/pic001.png')} style={{width: 30, height: 30}} /> //Issue 4
            </TouchableOpacity>
        </View>


        <View  style={styles.button}>
            <Button title="Select" onPress={() => this.selectItem()} />
        </View>
      </View>
    )
}

引用是否会导致我的应用程序意外崩溃？为什么在引用flex值时会出现正确的错误，但在任何其他情况下都没有得到正确的错误。

如果有帮助，我正在开发Windows 10，连接到我的Android手机（使用USB线进行初始连接）。

有关类似问题，另请参阅this page。

数字样式值周围的引号会导致应用崩溃

0 个答案: