more page

Author: wangdicoder

js/containers/MainPage.js

@@ -37,7 +37,8 @@ class BottomTabBar extends Component{
         return(
             <TabNavigator
                 hidesTabTouch={true}
-                tabBarStyle={styles.tabBarStyle}>
+                tabBarStyle={styles.tabBarStyle}
+                sceneStyle={{paddingBottom: styles.tabBarStyle.height}}>
                 <TabNavigator.Item
                     selected={this.state.selectedTab === 'home'}
                     title={this.tabNames[0]}

js/containers/MoreTab/index.js

@@ -4,7 +4,7 @@
 'use strict';
 
 import React, {Component} from 'react';
-import {StyleSheet, Text, View} from 'react-native';
+import {StyleSheet, Text, View, ScrollView} from 'react-native';
 import theme from '../../constants/theme';
 import NavigationBar from '../../components/NavigationBar';
 import RowItem from '../../components/SimpleRowItem';
@@ -20,13 +20,24 @@ export default class MeFragment extends Component{
     render(){
         return(
             <View style={styles.container}>
-                <NavigationBar title="更多" leftBtnPress={this._itemClickCallback.bind(this)} leftBtnIcon="arrow-back" isBackBtnOnLeft={true} rightBtnIcon="add" rightBtnPress={this._itemClickCallback.bind(this)}/>
+                <NavigationBar title="更多"/>
+                <ScrollView>
+                    <View style={[styles.block, styles.intro]}>
 
-                <View style={styles.block}>
-                    <RowItem title="主题" icon="md-brush" onPress={this._itemClickCallback.bind(this)}/>
-                    <RowItem title="主题" icon="md-brush" onPress={this._itemClickCallback.bind(this)}/>
-                    <RowItem title="主题" icon="md-brush" renderSegment={false} onPress={this._itemClickCallback.bind(this)}/>
-                </View>
+                    </View>
+                    <View style={styles.block}>
+                        <RowItem title="自定义主题" icon="md-brush" onPress={this._itemClickCallback.bind(this)}/>
+                        <RowItem title="选择语言 / Language" icon="md-globe" renderSegment={false} onPress={this._itemClickCallback.bind(this)}/>
+                    </View>
+                    <View style={styles.block}>
+                        <RowItem title="关于作者" icon="md-happy" renderSegment={false} onPress={this._itemClickCallback.bind(this)}/>
+                    </View>
+                    <View style={styles.block}>
+                        <RowItem title="关于Gank.io" icon="md-aperture" onPress={this._itemClickCallback.bind(this)}/>
+                        <RowItem title="反馈" icon="md-text" onPress={this._itemClickCallback.bind(this)}/>
+                        <RowItem title="分享" icon="md-share" renderSegment={false} onPress={this._itemClickCallback.bind(this)}/>
+                    </View>
+                </ScrollView>
             </View>
         );
     }
@@ -44,8 +55,13 @@ const styles = StyleSheet.create({
        flex: 1,
        backgroundColor: theme.pageBackgroundColor
     },
+    intro: {
+        height: 100,
+        marginTop: px2dp(18),
+        backgroundColor: '#fff'
+    },
     block: {
-        marginTop: px2dp(15),
+        marginTop: px2dp(13),
         borderBottomColor: theme.segment.color,
         borderBottomWidth: theme.segment.width,
         borderTopColor: theme.segment.color,