update demo

Author: huangminlinux

example/app/resource/chat-icon.png

@@ -34,6 +34,11 @@ var themsgid = 1
 
 
 export default class Chat extends Component {
+
+  static navigationOptions = {
+    title: "Chat",
+  };
+
   constructor(props) {
     super(props);
     this.state = { inputViewLayout: {width:window.width, height:86,}};

example/app/resource/setting.png

@@ -4,7 +4,7 @@ import React from 'react';
 import ReactNative from 'react-native';
 import JMessage from 'jmessage-react-plugin';
 
-import FormButton from '../../views/FormButton'
+import FormButton from '../../../views/FormButton'
 
 const {
     View,
@@ -15,9 +15,11 @@ const {
     Alert,
     TextInput,
     FlatList,
+    Image,
   } = ReactNative;
 
   class MyListItem extends React.PureComponent {
+
     _onPress = () => {
       this.props.onPressItem(this.props.id);
     };
@@ -34,9 +36,26 @@ const {
   }
 
 
-var count = 0
+const styles = StyleSheet.create({
+    icon: {
+        width: 26,
+        height: 26,
+    },
+});
+
+  var count = 0
   export default class ConversationList extends React.Component {
-    
+    static navigationOptions = {
+        title: "会话",
+        tabBarLabel: '会话',
+        tabBarIcon: ({ tintColor }) => (
+          <Image
+            source={require('../../../resource/chat-icon.png')}
+            style={[styles.icon, {tintColor: tintColor}]}
+          />
+        ),
+      };
+
     constructor(props) {
         super(props);
         this.state = {

example/app/resource/user-icon.png

@@ -0,0 +1,29 @@
+'use strict';
+
+import React from 'react';
+import ReactNative from 'react-native';
+import JMessage from 'jmessage-react-plugin';
+
+import Translations from '../../resource/Translations'
+
+const {
+    View,
+    Text,
+    TouchableHighlight,
+    StyleSheet,
+    Alert,
+  } = ReactNative;
+
+  export default class Home extends React.Component {
+    constructor(props) {
+        super(props);
+    }
+
+    componentWillMount() {
+
+    }
+
+    render() {
+        return ( <Text >Home</Text> )
+    }
+  }

example/app/routes/Chat/index.js

@@ -0,0 +1,48 @@
+'use strict';
+
+import React from 'react';
+import ReactNative from 'react-native';
+import JMessage from 'jmessage-react-plugin';
+import {
+	TabNavigator
+} from 'react-navigation';
+
+const {
+    View,
+    Text,
+    TouchableHighlight,
+    StyleSheet,
+    Button,
+    Alert,
+    TextInput,
+    Image
+  } = ReactNative;
+
+export default class MyNotificationsScreen extends React.Component {
+    static navigationOptions = {
+      title: "我",
+      tabBarLabel: '我',
+      tabBarIcon: ({ tintColor }) => (
+        <Image
+          source={require('../../../resource/user-icon.png')}
+          style={[styles.icon, {tintColor: tintColor}]}
+        />
+      ),
+    };
+  
+    render() {
+      return (
+        <Button
+          onPress={() => this.props.navigation.goBack()}
+          title="Go back home"
+        />
+      );
+    }
+  }
+
+  const styles = StyleSheet.create({
+    icon: {
+      width: 26,
+      height: 26,
+    },
+  });

…ple/app/routes/ConversationList/index.js …pp/routes/Home/ConversationList/index.jsexample/app/routes/ConversationList/index.js renamed to example/app/routes/Home/ConversationList/index.js example/app/routes/ConversationList/index.js renamed to example/app/routes/Home/ConversationList/index.js

@@ -3,27 +3,35 @@
 import React from 'react';
 import ReactNative from 'react-native';
 import JMessage from 'jmessage-react-plugin';
+import {
+	TabNavigator
+} from 'react-navigation';
 
-import Translations from '../../resource/Translations'
+import ConversationList from './ConversationList/index.js'
+import UserInfo from './UserInfo/index.js'
 
 const {
     View,
     Text,
     TouchableHighlight,
     StyleSheet,
+    Button,
     Alert,
+    TextInput,
+    Image
   } = ReactNative;
-
-  export default class Home extends React.Component {
-    constructor(props) {
-        super(props);
-    }
-
-    componentWillMount() {
-
-    }
-
-    render() {
-        return ( <Text >Home</Text> )
-    }
-  }
+  
+  const HomePage = TabNavigator({
+    Conversation: {
+      screen: ConversationList,
+    },
+    UserInfo: {
+      screen: UserInfo,
+    },
+  }, {
+    tabBarOptions: {
+      activeTintColor: '#e91e63',
+    },
+  });
+  module.exports = HomePage
+  

example/app/routes/Home/UserInfo.js

@@ -29,10 +29,12 @@ const {
         JMessage.init(params)
         JMessage.getMyInfo((myInfo) => {
             if (myInfo.username) {
-                // navigate('Home')
-                navigate('ConversationList')
+                navigate('Home')
+                // navigate('MainPage')
+                // navigate('ConversationList')
             } else {
                 navigate('Login')
+
                 // navigate('Chat')
             }
         })

example/app/routes/Home/UserInfo/index.js

@@ -17,6 +17,10 @@ const {
   } = ReactNative;
 
   export default class Login extends React.Component {
+    static navigationOptions = {
+        title: "登录"
+    };
+
     constructor(props) {
         super(props);
         this.state = {
@@ -31,7 +35,7 @@ const {
 
         JMessage.login({username: this.state.username, password: this.state.password}, () => {
             Alert.alert('login success')
-            navigate('ConversationList')
+            navigate('Home')
         }, (error) => {
             Alert.alert('login success', JSON.stringify(error))
         })