码迷,mamicode.com
首页 > 移动开发 > 详细

react native 中函数ToastAndroid示例与说明

时间:2017-10-14 18:39:31      阅读:234      评论:0      收藏:0      [点我收藏+]

标签:ble   col   示例   内容   一个   str   roi   class   margin   

/**
* 函数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示例与说明

标签:ble   col   示例   内容   一个   str   roi   class   margin   

原文地址:http://www.cnblogs.com/zhuyupingit/p/7667928.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!