<application>android:icon="@drawable/icon"
</application>

<resources><string name="app_name">逛丢</string>
</resources>

/*** Android*/
import React, { Component } from 'react';
import {AppRegistry,
} from 'react-native';// 引入外部文件(主页面)
import Main from './app/main/GDMain';export default class GD extends Component {render() {return (<Main />);}
}AppRegistry.registerComponent('GD', () => GD);

/*** IOS*/
import React, { Component } from 'react';
import {AppRegistry,
} from 'react-native';// 引入外部文件(主页面)
import Main from './app/main/GDMain';export default class GD extends Component {render() {return (<Main />);}
}AppRegistry.registerComponent('GD', () => GD);

// 下载第三方框架
$ npm install react-native-tab-navigator --save
$ npm install react-native-deprecated-custom-components --save

// 引用第三方框架
import TabNavigator from 'react-native-tab-navigator';import CustomerComponents, {Navigator
} from 'react-native-deprecated-custom-components';

/*** 主页面* 通过此文件连接其他文件*/
import React, {Component
} from 'react';
import {StyleSheet,Text,View,Image,Platform
} from 'react-native';// tab组件(第三方框架)
import TabNavigator from 'react-native-tab-navigator';
// 导航器
import CustomerComponents, {Navigator
} from 'react-native-deprecated-custom-components';// 引入其他组件
import Home from '../home/GDHome';
import HT from '../ht/GDHt';
import HourList from '../hourList/GDHourList';export default class GD extends Component {// ES6// 构造constructor(props) {super(props);// 初始状态this.state = {selectedTab: 'home',};}// 返回TabBar的ItemrenderTabBarItem(title, selectedTab, image, selectedImage, component) {return (<TabNavigator.Itemselected={this.state.selectedTab === selectedTab}title={title}selectedTitleStyle={{color:'black'}}renderIcon={() => <Image source={{uri:image}} style={styles.tabbarIconStyle} />}renderSelectedIcon = {() => <Image source={{uri:selectedImage}} style={styles.tabbarIconStyle} />}onPress = {() => this.setState({selectedTab: selectedTab})}><Navigator// 设置路由initialRoute = {{name: selectedTab,component: component}}renderScene = {(route, navigator) => {let Component = route.component;return <Component {...route.params} navigator={navigator} />}} />    </TabNavigator.Item>);}render() {return (<TabNavigator>{ /* 首页 */ }{this.renderTabBarItem("首页", 'home', 'tabbar_home_30x30', 'tabbar_home_selected_30x30', Home)} { /* 海淘 */ } {this.renderTabBarItem("海淘", 'ht', 'tabbar_abroad_30x30', 'tabbar_abroad_selected_30x30', HT)}{ /* 小时风云榜 */ }{this.renderTabBarItem("小时风云榜", 'hourlist', 'tabbar_rank_30x30', 'tabbar_rank_selected_30x30', HourList)} </TabNavigator>);}
}const styles = StyleSheet.create({container: {flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},tabbarIconStyle: {width: Platform.OS === 'ios' ? 30 : 25,height: Platform.OS === 'ios' ? 30 : 25,}
});

/*** 首页*/
import React, { Component } from 'react';
import {StyleSheet,Text,View,Image,Platform
} from 'react-native';export default class GDHome extends Component {render() {return (<View style={styles.container}><Text>首页</Text></View>);}
}const styles = StyleSheet.create({container: {flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},
});

/*** 小时风云榜*/
import React, { Component } from 'react';
import {StyleSheet,Text,View,Image,Platform
} from 'react-native';export default class GDHourList extends Component {render() {return (<View style={styles.container}><Text>小时风云榜</Text></View>);}
}const styles = StyleSheet.create({container: {flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},
});

/*** 海淘折扣*/
import React, {Component
} from 'react';
import {StyleSheet,Text,View,Image,Platform
} from 'react-native';export default class GDHt extends Component {render() {return (<View style={styles.container}><Text>海淘折扣</Text></View>);}
}const styles = StyleSheet.create({container: {flex: 1,justifyContent: 'center',alignItems: 'center',backgroundColor: '#F5FCFF',},
});