mirror of
https://github.com/status-im/react-native.git
synced 2025-01-29 10:45:04 +00:00
3ee3d2b4b2
Summary: Basic template using 'react-navigation' to make it easy to get started. Not duplicating all the files in `android` and `ios` folders. These will be taken from the `HelloWorld` template. Let's not duplicate all of these files (it's a lot and they are large, especially the Xcode projects). **Test plan (required)** The app works locally. This PR is just a preparation for a next PR that will add support for 'react-native init --template Navigation'. Will have a proper test plan there. Closes https://github.com/facebook/react-native/pull/12153 Differential Revision: D4494776 Pulled By: mkonicek fbshipit-source-id: b43eafd7a1424477f9493a3eb4083ba4dd3d3846
50 lines
908 B
JavaScript
50 lines
908 B
JavaScript
import React, { Component } from 'react';
|
|
import {
|
|
Image,
|
|
Platform,
|
|
StyleSheet,
|
|
Text,
|
|
View,
|
|
} from 'react-native';
|
|
|
|
import ListItem from '../../components/ListItem';
|
|
|
|
export default class FriendListScreen extends Component {
|
|
|
|
static navigationOptions = {
|
|
title: 'Friends',
|
|
header: {
|
|
visible: Platform.OS === 'ios',
|
|
},
|
|
tabBar: {
|
|
icon: ({ tintColor }) => (
|
|
<Image
|
|
// Using react-native-vector-icons works here too
|
|
source={require('./friend-icon.png')}
|
|
style={[styles.icon, {tintColor: tintColor}]}
|
|
/>
|
|
),
|
|
},
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<View style={styles.container}>
|
|
<Text>A list of friends here.</Text>
|
|
</View>
|
|
);
|
|
}
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
backgroundColor: 'white',
|
|
flex: 1,
|
|
padding: 16,
|
|
},
|
|
icon: {
|
|
width: 30,
|
|
height: 26,
|
|
},
|
|
});
|