1. 程式人生 > >react native 中函數ToastAndroid示例與說明

react native 中函數ToastAndroid示例與說明

ive opacity .sh border 原生 return justify style render

/**
* 函數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示例與說明