推荐:React Native Toast —— 现代化移动端提示信息库
React Native Toast 是一个可以在 React Native 应用程序中使用的轻量级、可定制的消息提示库。以下是如何使用它的示例代码:
首先,你需要安装库:
npm install react-native-toast-message --save
接下来,你需要链接原生模块(如果你使用的是 React Native 0.60 或更高版本,则不需要这个步骤):
react-native link react-native-toast-message
然后,你可以在你的 React Native 应用程序中导入并使用它:
import Toast from 'react-native-toast-message';
export default class App extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Button
onPress={() => Toast.show({
type: 'info',
text1: 'Hello, world!',
position: 'bottom',
})}
title="Show Toast"
/>
<Toast ref={(ref) => Toast.setRef(ref)} />
</View>
);
}
}
在上面的代码中,我们导入了 Toast
组件,并在按钮点击事件中触发了一个信息提示。你可以根据需要调整 Toast.show
方法中的参数,如 type
、text1
、position
等,来自定义你的提示信息。
评论已关闭