在React Native中向Modal中添加TextInput需要遵循下列步骤。
首先,在您的文件中导入Modal和TextInput模块:
import {Modal, TextInput} from 'react-native';
然后,在您的组件类中使用state来定义modalVisible和inputText变量:
class YourComponent extends Component { constructor(props) { super(props); this.state = { modalVisible: false, inputText: '', }; } }
接下来,定义一个函数来切换modalVisible的值,并在渲染时将其用作'onRequestClose'和visible参数。该函数将在单击某些东西(例如一个按钮)时调用,以显示/隐藏模态框。还要定义一个函数来更新inputText的值:
setModalVisible = (visible) => { this.setState({modalVisible: visible}); }
handleTextChange = (text) => { this.setState({inputText: text}); }
现在,您可以在render()方法中实现模态框。在模态框中添加TextInput,并在其onChangeText属性中调用handleTextChange函数。
render() {
return (
}
现在,您可以显示/隐藏模态框并获取TextInput值。