小编Sye*_*bcc的帖子

当用户在文本框中按下退格键时，我想触发一个函数。我已经搜索了堆栈溢出和React Native文档，但是没有相关的答案。基本上，我不知道退格键的名称是什么

      <TextInput
          onChangeText = {e => {
          e === 'BackSpace' ? alert('delete') : alert(e)
       }}/>

this question与this非常相似，但是，出于某种原因，除了返回键（Enter键）之外，每个键都可以正常工作。如果密码正确，我想要的是让用户进入下一页。任何帮助将非常感激

//代码

        <TextInput
                style={styles.txtfield}
                placeholder="Password"
                placeholderTextColor = 'rgba(249, 129, 37, 1)'
                secureTextEntry={true}
                onChangeText={ password => this.setState({ password })}
                keyboardType="default"
                returnKeyType="next"                        
                onKeyPress={ (event) => {
                    if(event.nativeEvent.key == "Enter"){
                        alert(event.nativeEvent.key) // doesn't output anything nor execute the signin function
                        // this.signIn();
                    } 
                    else {
                        alert('Something else Pressed') // show a valid alert with the key info
                    }
                }}
            />

我是新手，对整个原生和 css 样式做出反应，如果问题非常基本，我很抱歉。我想要一个视图采用 100% 的可用屏幕宽度，当我使用下面的代码时，我的视图似乎超出了屏幕边界，但是当我使用 Dimension.get('window').width 时它工作得很好。有人可以解释一下它们之间的区别吗？任何帮助将非常感激。谢谢

    return(
        <TouchableOpacity style = {styles.food_wrapper}
            onPress = {()=> this.userAction()}
        >
            <Text style = {styles.foodname}>
                {this.name}
            </Text>

            <Text style = {styles.foodprice}>
                Rs: {this.price}
            </Text>
        </TouchableOpacity>
    );


food_wrapper:{
    flex: 1,
    flexDirection :'row',
    justifyContent:'space-between',
    alignItems:'flex-start',
    width: '100%',//Dimensions.get('window').width,
    minHeight: 50,
    marginVertical: '1%',
    padding: '2%',
    backgroundColor: 'rgb(155,200,200)'
},