React native TouchableOpacity onPress不适用于UselessTextInput

时间:2018-03-12 11:09:40

标签: javascript react-native touchableopacity

<TouchableOpacity 
    style={{backgroundColor: '#FF00FF'}}
    onPress={this.inputField}
>

    <UselessTextInput
        multiline = {true}
        numberOfLines = {4}
        onChangeText={(text) => this.setState({text})}
        value={this.state.text}
    />
</TouchableOpacity>

onPress调用函数是:

inputField() {
    console.log('Clicked')
}

我无法找到任何解决方案,因为它不起作用 我尝试将onPress更改为onPress={() => { console.log('Clicked') }}  它仍然无法正常工作

任何人都可以告诉我它不能正常工作吗

2 个答案:

答案 0 :(得分:0)

尝试将箭头函数传递给onClick prop,否则单击它时不会执行,有两种不同的方法可以产生相同的结果:

首先(在函数声明中):

inputField = () => {
  console.log('Clicked')
}

秒(在onPress道具中):

onPress={() => this.inputField}

答案 1 :(得分:0)

尝试将()添加到this.inputField,例如代码:

onPress={()=>{this.inputField()}}