Add

Author: LaoMengFlutter

src/App.js

@@ -31,7 +31,10 @@ import ProgressBarAndroidDemo from './pages/components/ProgressBarAndroidDemo'
 import RefreshControlDemo from './pages/components/RefreshControlDemo'
 import SegmentedControlIOSDemo from './pages/components/SegmentedControlIOSDemo'
 import TabBarIOSDemo from './pages/components/TabBarIOSDemo'
-
+import ToolbarAndroidDemo from './pages/components/ToolbarAndroidDemo'
+import ViewPagerAndroidDemo from './pages/components/ViewPagerAndroidDemo'
+import ActionSheetIOSDemo from './pages/api/ActionSheetIOSDemo'
+import AdSupportIOSDemo from './pages/api/AdSupportIOSDemo'
 
 export default App = StackNavigator({
         Main: {screen: MainPage,},
@@ -58,6 +61,10 @@ export default App = StackNavigator({
         RefreshControl:{screen: RefreshControlDemo,},
         SegmentedControlIOS:{screen: SegmentedControlIOSDemo,},
         TabBarIOS:{screen: TabBarIOSDemo,},
+        ToolbarAndroid:{screen: ToolbarAndroidDemo,},
+        ViewPagerAndroid:{screen: ViewPagerAndroidDemo,},
+        ActionSheetIOS:{screen: ActionSheetIOSDemo,},
+        AdSupportIOS:{screen: AdSupportIOSDemo,},
     },
     {
         // initialRouteName: 'Profile', // 默认显示界面

src/pages/MainPage.js

@@ -17,7 +17,16 @@ export default class MainPage extends Component {
     };
     sections = [
         {
+            key:'API',data:[
+            {content: 'ActionSheetIOS',},
+            {content: 'AdSupportIOS',},
+        ],
+        },
+        {
+
             key: 'Components', data: [
+            {content: 'ViewPagerAndroid',},
+            {content: 'ToolbarAndroid',},
             {content: 'TabBarIOS',},
             {content: 'SegmentedControlIOS',},
             {content: 'RefreshControl',},

src/pages/api/ActionSheetIOSDemo.js

@@ -0,0 +1,53 @@
+/**
+ * Created by mengqingdong on 2017/5/23.
+ */
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    ActionSheetIOS,
+    Button,
+    Alert,
+} from 'react-native';
+
+export default class ActionSheetIOSDemo extends Component {
+
+    static navigationOptions = {
+        title: 'ActionSheetIOS',
+    };
+
+    _onPress = ()=>{
+        ActionSheetIOS.showActionSheetWithOptions({
+            options:['option1','option2','取消','删除'],
+            cancelButtonIndex:2,
+            destructiveButtonIndex:3,
+            title:'title',
+            message:'message',
+        },(index)=>{
+            Alert.alert('选中：'+index);
+        })
+    }
+
+    _onPress1 = ()=>{
+        ActionSheetIOS.showShareActionSheetWithOptions({
+            message:'message',
+            url:'http://blog.csdn.net/mengks1987',
+            subject:'subject',
+            title:'title',
+            message:'message',
+        },()=>{
+
+        },()=>{
+
+        })
+    }
+
+    render() {
+        return (
+            <View style={{flex:1}}>
+                <Button title='弹出' onPress={this._onPress}/>
+                <Button title='弹出分享' onPress={this._onPress1}/>
+            </View>
+        );
+    }
+}

src/pages/api/AdSupportIOSDemo.js

@@ -0,0 +1,79 @@
+/**
+ * Created by mengqingdong on 2017/5/23.
+ */
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    Text,
+    AdSupportIOS,
+} from 'react-native';
+
+export default class AdSupportIOSDemo extends Component {
+
+    static navigationOptions = {
+        title: 'AdSupportIOS',
+    };
+
+    state = {
+        deviceID: '0',
+        hasAdvertiserTracking: '0',
+    };
+
+    componentDidMount() {
+        AdSupportIOS.getAdvertisingId(
+            this._onDeviceIDSuccess,
+            this._onDeviceIDFailure
+        );
+
+        AdSupportIOS.getAdvertisingTrackingEnabled(
+            this._onHasTrackingSuccess,
+            this._onHasTrackingFailure
+        );
+    }
+
+    _onHasTrackingSuccess = (hasTracking) => {
+        this.setState({
+            'hasAdvertiserTracking': hasTracking,
+        });
+    };
+
+    _onHasTrackingFailure = (e) => {
+        this.setState({
+            'hasAdvertiserTracking': 'Error!',
+        });
+    };
+
+    _onDeviceIDSuccess = (deviceID) => {
+        this.setState({
+            'deviceID': deviceID,
+        });
+    };
+
+    _onDeviceIDFailure = (e) => {
+        this.setState({
+            'deviceID': 'Error!',
+        });
+    };
+
+    render() {
+        return (
+            <View>
+                <Text>
+                    <Text style={styles.title}>Advertising ID: </Text>
+                    {JSON.stringify(this.state.deviceID)}
+                </Text>
+                <Text>
+                    <Text style={styles.title}>Has Advertiser Tracking: </Text>
+                    {JSON.stringify(this.state.hasAdvertiserTracking)}
+                </Text>
+            </View>
+        );
+    }
+}
+
+var styles = StyleSheet.create({
+    title: {
+        fontWeight: '500',
+    },
+});

src/pages/components/ToolbarAndroidDemo.js

@@ -0,0 +1,36 @@
+/**
+ * Created by mengqingdong on 2017/5/23.
+ */
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    ToolbarAndroid,
+} from 'react-native';
+
+export default class ToolbarAndroidDemo extends Component {
+
+    static navigationOptions = {
+        title: 'ToolbarAndroid',
+    };
+
+    _onActionSelected = (position) => {
+        if (position === 0) {
+
+        }
+    }
+
+    render() {
+        return (
+            <ToolbarAndroid
+                style={{height:55,backgroundColor:'red'}}
+                logo={require('../../imgs/icon1.png')}
+                title='TITLE'
+                actions={[{title: 'Settings', icon: require('../../imgs/back.png'), show: 'always'}]}
+                onActionSelected={this._onActionSelected}
+                contentInsetEnd={25}
+                contentInsetStart={25}
+                navIcon={require('../../imgs/icon1.png')}/>
+        );
+    }
+}

src/pages/components/ViewPagerAndroidDemo.js

@@ -0,0 +1,100 @@
+/**
+ * Created by mengqingdong on 2017/5/23.
+ */
+import React, {Component} from 'react';
+import {
+    StyleSheet,
+    View,
+    ViewPagerAndroid,
+    Text,
+} from 'react-native';
+
+export default class ViewPagerAndroidDemo extends Component {
+
+    static navigationOptions = {
+        title: 'ViewPagerAndroid',
+    };
+    state = {
+        position: 0,
+        offset: 0,
+        onPageScrollState:0,
+        onPageSelectedIndex:0,
+    }
+    _viewPage;
+    componentDidMount(){
+        setInterval(()=>{
+            if(this.state.onPageSelectedIndex>=4){
+                this.setState({
+                    onPageSelectedIndex:0,
+                });
+            }else{
+                this.setState({
+                    onPageSelectedIndex:this.state.onPageSelectedIndex+1,
+                });
+            }
+            this._viewPage.setPage(this.state.onPageSelectedIndex);
+        },2000)
+    }
+
+    _onPageScroll = (event) => {
+        this.setState({
+            position: event.nativeEvent.position,
+            offset: event.nativeEvent.offset,
+        });
+    }
+
+    _onPageScrollStateChanged = (value)=>{
+        this.setState({
+            onPageScrollState:value,
+        });
+    }
+
+    _onPageSelected=(event)=>{
+        this.setState({
+            onPageSelectedIndex:event.nativeEvent.position,
+        });
+    }
+
+    render() {
+        return (
+            <View style={{flex:1}}>
+                <Text>position:{this.state.position}offset:{this.state.offset}</Text>
+                <Text>onPageScrollState:{this.state.onPageScrollState}</Text>
+                <Text>onPageSelectedIndex:{this.state.onPageSelectedIndex}</Text>
+                <ViewPagerAndroid
+                    ref={(viewPager)=>this._viewPage = viewPager}
+                    style={{flex:1}}
+                    initialPage={0}
+                    onPageScroll={this._onPageScroll}
+                    scrollEnabled={true}
+                    onPageScrollStateChanged={this._onPageScrollStateChanged}
+                    onPageSelected={this._onPageSelected}>
+
+                    <View style={[styles.pageStyle,{backgroundColor:'red'}]}>
+                        <Text>1</Text>
+                    </View>
+                    <View style={[styles.pageStyle,{backgroundColor:'blue'}]}>
+                        <Text>2</Text>
+                    </View>
+                    <View style={[styles.pageStyle,{backgroundColor:'green'}]}>
+                        <Text>3</Text>
+                    </View>
+                    <View style={[styles.pageStyle,{backgroundColor:'white'}]}>
+                        <Text>4</Text>
+                    </View>
+                    <View style={[styles.pageStyle,{backgroundColor:'yellow'}]}>
+                        <Text>5</Text>
+                    </View>
+
+                </ViewPagerAndroid >
+            </View>
+        );
+    }
+}
+
+const styles = StyleSheet.create({
+    pageStyle: {
+        alignItems: 'center',
+        justifyContent: 'center'
+    }
+})