ToastAndroid

它揭示了如何将本地 ToastAndroid 模块作为一个 JS 模块。它有一个名为 showText 的函数，其拥有的参数如下所示：

  1. 字符串消息：将文本传递给 toast 的字符串
  2. int 持续期：toast 的持续期。可能是 ToastAndroid.SHORT 或 ToastAndroid.LONG

方法

static show(message: string, duration: number)

性质

SHORT: MemberExpression

LONG: MemberExpression

示例

  1. 'use strict';
  3. var React = require('react-native');
  4. var {
  5.   StyleSheet,
  6.   Text,
  7.   ToastAndroid,
  8.   TouchableWithoutFeedback
  9. } = React;
  11. var UIExplorerBlock = require('UIExplorerBlock');
  12. var UIExplorerPage = require('UIExplorerPage');
  14. var ToastExample = React.createClass({
  16.   statics: {
  17.     title: 'Toast Example',
  18.     description: 'Toast Example',
  19.   },
  21.   getInitialState: function() {
  22.     return {};
  23.   },
  25.   render: function() {
  26.     return (
  27.       <UIExplorerPage title="ToastAndroid">
  28.         <UIExplorerBlock title="Simple toast">
  29.           <TouchableWithoutFeedback
  30.             onPress={() =>
  31.               ToastAndroid.show('This is a toast with short duration', ToastAndroid.SHORT)}>
  32.             <Text style={styles.text}>Click me.</Text>
  33.           </TouchableWithoutFeedback>
  34.         </UIExplorerBlock>
  35.         <UIExplorerBlock title="Toast with long duration">
  36.           <TouchableWithoutFeedback
  37.             onPress={() =>
  38.               ToastAndroid.show('This is a toast with long duration', ToastAndroid.LONG)}>
  39.             <Text style={styles.text}>Click me too.</Text>
  40.           </TouchableWithoutFeedback>
  41.         </UIExplorerBlock>
  42.       </UIExplorerPage>
  43.     );
  44.   },
  45. });
  47. var styles = StyleSheet.create({
  48.   text: {
  49.     color: 'black',
  50.   },
  51. });
  53. module.exports = ToastExample;