ToastAndroid
参考文档
本模块将原生的 ToastAndroid 模块导出为一个 JS 模块,用于在 Android 设备上显示一个悬浮的提示信息。本模块包含一个show方法接受以下的参数:
- String message: 一个字符串,表示将要显示的文本内容。
- int duration: 提示信息持续显示的时间。可以是ToastAndroid.SHORT或者ToastAndroid.LONG。
还有一个名为showWithGravity的方法可以指定弹出的位置。可选项有:ToastAndroid.TOP, ToastAndroid.BOTTOM, ToastAndroid.CENTER.
“ showWithGravityAndOffset”功能增加了指定偏移量的功能。这些偏移量值将转换为像素。
Props
名称 | 值 | 描述 |
---|---|---|
SHORT | ToastAndroid.SHORT | 短时间显示 |
LONG | ToastAndroid.LONG | 长时间显示 |
TOP | ToastAndroid.TOP | 在顶部显示 |
BOTTOM | ToastAndroid.BOTTOM | 在底部显示 |
CENTER | ToastAndroid.CENTER | 在中间显示 |
方法
show()
static show(message, duration)
showWithGravity()
static showWithGravity(message, duration, gravity)
showWithGravityAndOffset()
static showWithGravityAndOffset(message, duration, gravity, xOffset, yOffset)
Example
示例
import React, { Component } from "react";
import {
ToastAndroid,
StyleSheet,
View
} from "react-native";
export class pageComponent extends Component {
componentDidMount() {
ToastAndroid.show("Toast显示!", ToastAndroid.SHORT);
ToastAndroid.showWithGravity(
"组合显示<<<短时间+中间显示",
ToastAndroid.SHORT,
ToastAndroid.CENTER
);
// xOffset 横向x轴, yOffset 纵向y轴 (原点在左下角)
ToastAndroid.showWithGravityAndOffset(
"组合显示<<<长时间+底部显示+位置",
ToastAndroid.LONG,
ToastAndroid.BOTTOM,
100,
50
);
}
render() {
return (
<View style={styles.container}>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: "space-evenly",
padding: 10
}
});