探索React Native的交互新边界 —— react-native-prompt

import React from 'react';
import { Text, View, Button } from 'react-native';
import Prompt from 'react-native-prompt'; // 导入Prompt组件
 
export default class App extends React.Component {
  state = { promptVisible: false };
 
  showPrompt = () => this.setState({ promptVisible: true });
  hidePrompt = () => this.setState({ promptVisible: false });
 
  render() {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
        <Button title="显示提示框" onPress={this.showPrompt} />
        <Prompt
          title="提示框"
          placeholder="在此输入"
          visible={this.state.promptVisible}
          onCancel={this.hidePrompt}
          onSubmit={this.hidePrompt}
        />
      </View>
    );
  }
}

这段代码展示了如何在React Native应用中使用react-native-prompt库来创建一个可以显示和隐藏的提示框。用户点击按钮后显示提示框，并可以通过输入或点击按钮来提交或取消提示框。这是一个简单的交互例子，展示了如何处理用户的点击事件以及如何管理状态。