修改

Author: liuzhaoxia

node_modules/react-native-swipeout/index.js

@@ -0,0 +1,79 @@
+/**
+ * Created by 123 on 2016/7/25.
+ */
+import React, {Component } from 'react';
+import {
+    StyleSheet,
+    Text,
+    View,
+    DatePickerAndroid,
+    TouchableHighlight,
+} from 'react-native';
+//简单封装一个组件
+class CustomButton extends React.Component {
+    render() {
+        return (
+            <TouchableHighlight
+                style={styles.button}
+                underlayColor="#a5a5a5"
+                onPress={this.props.onPress}>
+                <Text style={styles.buttonText}>{this.props.text}</Text>
+            </TouchableHighlight>
+        );
+    }
+}
+class DataPickerDemo extends Component {
+    constructor(props){
+        super(props);
+        this.state={
+            presetDate: new Date(2016, 3, 5),
+            allDate: new Date(2020, 4, 5),
+            simpleText: '选择日期,默认今天',
+            minText: '选择日期,不能比今日再早',
+            maxText: '选择日期,不能比今日再晚',
+            presetText: '选择日期,指定2016/3/5',
+        };
+    }
+    //进行创建时间日期选择器
+    async showPicker(stateKey, options) {
+        try {
+            var newState = {};
+            const {action, year, month, day} = await DatePickerAndroid.open(options);
+            if (action === DatePickerAndroid.dismissedAction) {
+                newState[stateKey + 'Text'] = 'dismissed';
+            } else {
+                var date = new Date(year, month, day);
+                newState[stateKey + 'Text'] = date.toLocaleDateString();
+                newState[stateKey + 'Date'] = date;
+            }
+            this.setState(newState);
+        } catch (message) {
+            console.warn(`Error in example '${stateKey}': `, message);
+        }
+    }
+
+    render() {
+        return (
+            <View>
+                <CustomButton text={this.state.minText}
+                              onPress={this.showPicker.bind(this, 'min', {date: this.state.minDate,minDate:new Date()})}/>
+            </View>
+        );
+    }
+}
+const styles = StyleSheet.create({
+    welcome: {
+        fontSize: 20,
+        textAlign: 'center',
+        margin: 10,
+    },
+    button: {
+        margin:5,
+        backgroundColor: 'white',
+        padding: 15,
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: '#cdcdcd',
+    }
+});
+
+export default DataPickerDemo;

src/containers/android/CustomButton.js

@@ -0,0 +1,95 @@
+/**
+ * Created by 123 on 2016/7/25.
+ */
+
+import React, { Component } from 'react';
+import {View, Text,TextInput,ListView ,StyleSheet,Picker} from "react-native";
+import DataPickerDemo from './CustomButton'
+import Button from "react-native-button";
+
+const styles = StyleSheet.create({
+    container: {
+        flexDirection:"row",
+        padding: 5,
+        height:30
+    },
+    textTitle:{
+        width:60,
+        height:30
+    },
+    inputText:{
+        flex:1,
+        width:200
+    }
+});
+class MessInfo extends React.Component {
+    // 初始化模拟数据
+    constructor(props) {
+        super(props);
+        this.state={language:""};
+    }
+    render(){
+        return (
+            <View>
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>文章名称</Text>
+                    </View>
+                    <View >
+                        <TextInput style={styles.inputText}></TextInput>
+                    </View>
+                </View>
+
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>文章链接</Text>
+                    </View>
+                    <View >
+                        <TextInput style={styles.inputText}></TextInput>
+                    </View>
+                </View>
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>文章类型</Text>
+                    </View>
+                    <View>
+                        <Picker style={styles.inputText}
+                            selectedValue={this.state.language}
+                            onValueChange={(lang) =>this.setState({language: lang})}>
+                            <Picker.Item label="测试" value="test" />
+                            <Picker.Item label="开发" value="js" />
+                        </Picker>
+                    </View>
+                </View>
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>作者</Text>
+                    </View>
+                    <View>
+                        <TextInput style={styles.inputText}></TextInput>
+                    </View>
+                </View>
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>时间</Text>
+                    </View>
+                    <View>
+                        <DataPickerDemo style={styles.inputText}/>
+                    </View>
+                </View>
+                <View style={styles.container}>
+                    <View>
+                        <Text style={styles.textTitle}>图片文章</Text>
+                    </View>
+                    <View>
+                        <Button >选择图片</Button>
+                    </View>
+                </View>
+
+            </View>
+        )
+    }
+
+}
+
+export default MessInfo;

src/containers/android/MessInfo.js

@@ -12,6 +12,7 @@ import main from './../../components/android/Main';
 import routeReducerCreator from './../../reducers/routeReducerCreator';
 import helper from './../../utils/helper'
 import store from './../../store/store';
+import info from './../../containers/android/MessInfo'
 
 class App extends React.Component {
     constructor(props) {