使文本在 (onPress) 上可编辑

Question

当用户按下按钮时，如何使一些文本可编辑？

 <View style={styles.inner}>
          <Text style={styles.t1}>Name</Text>
          <Text style={styles.t2}
          onPress={this.updateText}>{this.state.txt}</Text> 
      </View>

Answer 1

与 Travis 的答案类似，但您只需切换editabletextInput 上的道具即可。您可以添加handleEditable到按钮的 onPress 中，这将使 textInput 可编辑。

handleEditable = () => this.setState({ editable: true })
...
...
<TextInput
  value={this.state.text}
  onChangeText={text => this.setState({ text })}
  editable={this.state.editable}
/>