react native 中函数ToastAndroid示例与说明

Posted 风的味道

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了react native 中函数ToastAndroid示例与说明相关的知识,希望对你有一定的参考价值。

/**
* 函数Toastandroid(用于在Android设备上显示一个悬浮的提示信息)
* */

import React,{PureComponent} from ‘react‘
import {View,Text,TouchableOpacity,ToastAndroid} from ‘react-native‘

class VibrationFunction extends PureComponent {
render() {
return (
<View>
<TouchableOpacity
onPress={() => ToastAndroid.show(‘我是悬浮窗信息‘, 20000)}
style={{height:50,backgroundColor:‘#0f0‘,borderRadius:30,marginTop:30,justifyContent:‘center‘,alignItems:‘center‘}}
>
<View>
<Text style={{textAlign:‘center‘}}>悬浮的提示信息(ToastAndroid)</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={() => ToastAndroid.showWithGravity(‘我是悬浮窗信息‘,10000, ToastAndroid.LONG,ToastAndroid.TOP)}
style={{height:50,backgroundColor:‘#0f0‘,borderRadius:30,marginTop:30,justifyContent:‘center‘,alignItems:‘center‘}}
>
<View>
<Text style={{textAlign:‘center‘}}>悬浮的提示信息TOP(ToastAndroid)</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={() => ToastAndroid.showWithGravity(‘我是悬浮窗信息‘, ToastAndroid.SHORT,ToastAndroid.BOTTOM)}
style={{height:50,backgroundColor:‘#0f0‘,borderRadius:30,marginTop:30,justifyContent:‘center‘,alignItems:‘center‘}}
>
<View>
<Text style={{textAlign:‘center‘}}>悬浮的提示信息BOTTOM(ToastAndroid)</Text>
</View>
</TouchableOpacity>
<TouchableOpacity
onPress={() => ToastAndroid.showWithGravity(‘我是悬浮窗信息‘, ToastAndroid.SHORT,ToastAndroid.CENTER)}
style={{height:50,backgroundColor:‘#0f0‘,borderRadius:30,marginTop:30,justifyContent:‘center‘,alignItems:‘center‘}}
>
<View>
<Text style={{textAlign:‘center‘}}>悬浮的提示信息CENTER(ToastAndroid)</Text>
</View>
</TouchableOpacity>
</View>
);
}
}
export default VibrationFunction;

/***
*
*
* 本模块将原生的ToastAndroid模块导出为一个JS模块,用于在Android设备上显示一个悬浮的提示信息。本模块包含一个show方法接受以下的参数:

String message: 一个字符串,表示将要显示的文本内容。
int duration: 提示信息持续显示的时间。可以是ToastAndroid.SHORT或者ToastAndroid.LONG。
还有一个名为showWithGravity的方法可以指定弹出的位置。可选项有:ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER.

用法示例:

//方法
static show(message: string, duration: number)
显示(消息:字符串,持续时间:数字)

static showWithGravity(message, duration, gravity)
showWithGravity(消息、持续时间、位置)

属性
SHORT: MemberExpression

LONG: MemberExpression

// 时间常数

TOP: MemberExpression
//顶部

BOTTOM: MemberExpression
//底部

CENTER: MemberExpression
//中间

/ /位置常数


* ***/
函数Share(用于在Android设备上打开一个对话框来分享或发送文本内容)























































































以上是关于react native 中函数ToastAndroid示例与说明的主要内容,如果未能解决你的问题,请参考以下文章

react native 中函数ToastAndroid示例与说明

.then 异步函数中的 React-Native 调用函数

react native 中函数Share示例与说明

在异步函数中导航 - React Navigation - React Native

react native 生命周期详解

从异步函数 react-native 获取未定义