方法
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 />; }
}
];