分享或者彈出更多選項(xiàng)操作, ActionSheetIOS

ActionSheetIOS提供了兩個(gè)靜態(tài)方法， 對應(yīng)兩種功能

1 操作表

* showActionSheetWithOptions(options, callback) 彈出一個(gè)分類菜單
* 方法中第一個(gè)參數(shù) options 是一個(gè)對象，該對象里各個(gè)屬性介紹如下：
  options：表示可選項(xiàng)的名稱，是一個(gè)字符串?dāng)?shù)組。 
  cancelButtonIndex：表示“取消”按鈕的位置，即“取消”按鈕在 options 數(shù)組中的索引。
  destructiveButtonIndex：表示不能使用的按鈕位置，即不能使用的按鈕在 options 數(shù)組中的索引。

2 分享框

* showShareActionSheetWithOptions(options, failureCallback, successCallback) 作用是分享一個(gè) url
    options：表示分享的 url
    failureCallback：失敗的回調(diào)函數(shù)
    successCallback：成功的回調(diào)函數(shù)

3 代碼效果

/**
 * Created by licc on 2017/7/9.
 */

import React, {Component } from 'react';
import {
    StyleSheet,
    View,
    Text,
    ActionSheetIOS
} from 'react-native';

import NavigationBar from './NavigationBar'

export default class ActionSheetExample extends Component {

    render(){
        return(
            <View style={styles.container}>
                <NavigationBar
                    title={'ActionSheetIOS'}
                    statusBar={{backgroundColor:'blue'}}
                />
                <Text style={styles.item} onPress={this.doSheet.bind(this)}>打開操作表</Text>
                <Text style={styles.item} onPress={this.doShare.bind(this)}>打開分享框</Text>
            </View>
        );
    }

    doSheet(){
        ActionSheetIOS.showActionSheetWithOptions({
            options:[
                '撥打電話',
                '發(fā)送郵件',
                '發(fā)送短信',
                '取消'
            ],
            cancelButtonIndex: 3,
            destructiveButtonIndex: 0
        },
            (index)=>{
            alert('您點(diǎn)擊了:' + index);
            }
        );
    }

    doShare(){
        ActionSheetIOS.showShareActionSheetWithOptions({
            url:''
        },
            (error)=>{
                alert(error)
            },
            (e)=>{
                alert(e)
            }
        );
    }
}

const styles = StyleSheet.create({

    container:{
        flex:1
    },

    item:{
        marginTop:10,
        marginLeft:5,
        marginRight:5,
        height:30,
        borderWidth:1,
        padding:6,
        borderColor:'#ddd',
        textAlign:'center'
    },
});