牛骨文教育服务平台(让学习变的简单)

ActionSheetIOS

方法

  • static showActionSheetWithOptions(options: Object, callback: Function) :显示上拉菜单

  • static showShareActionSheetWithOptions(options: Object, failureCallback: Function, successCallback: Function):显示分享菜单

实例

"use strict";

var React = require("react-native");
var {
  ActionSheetIOS,
  StyleSheet,
  Text,
  View,
} = React;

var BUTTONS = [
  "Button Index: 0",
  "Button Index: 1",
  "Button Index: 2",
  "Destruct",
  "Cancel",
];
var DESTRUCTIVE_INDEX = 3;
var CANCEL_INDEX = 4;

var ActionSheetExample = React.createClass({
  getInitialState() {
    return {
      clicked: "none",
    };
  },

  render() {
    return (
      <View>
        <Text onPress={this.showActionSheet} style={style.button}>
          Click to show the ActionSheet
        </Text>
        <Text>
          Clicked button at index: "{this.state.clicked}"
        </Text>
      </View>
    );
  },

  showActionSheet() {
    ActionSheetIOS.showActionSheetWithOptions({
      options: BUTTONS,
      cancelButtonIndex: CANCEL_INDEX,
      destructiveButtonIndex: DESTRUCTIVE_INDEX,
    },
    (buttonIndex) => {
      this.setState({ clicked: BUTTONS[buttonIndex] });
    });
  }
});

var ShareActionSheetExample = React.createClass({
  getInitialState() {
    return {
      text: ""
    };
  },

  render() {
    return (
      <View>
        <Text onPress={this.showShareActionSheet} style={style.button}>
          Click to show the Share ActionSheet
        </Text>
        <Text>
          {this.state.text}
        </Text>
      </View>
    );
  },

  showShareActionSheet() {
    ActionSheetIOS.showShareActionSheetWithOptions({
      url: "https://code.facebook.com",
    },
    (error) => {
      console.error(error);
    },
    (success, method) => {
      var text;
      if (success) {
        text = `Shared via ${method}`;
      } else {
        text = "You didn"t share";
      }
      this.setState({text})
    });
  }
});

var style = StyleSheet.create({
  button: {
    marginBottom: 10,
    fontWeight: "500",
  }
});

exports.title = "ActionSheetIOS";
exports.description = "Interface to show iOS" action sheets";
exports.examples = [
  {
    title: "Show Action Sheet",
    render(): ReactElement { return <ActionSheetExample />; }
  },
  {
    title: "Show Share Action Sheet",
    render(): ReactElement { return <ShareActionSheetExample />; }
  }
];

效果

上拉菜单

分享菜单