-
Notifications
You must be signed in to change notification settings - Fork 0
/
Navigation.js
74 lines (71 loc) · 1.96 KB
/
Navigation.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import 'react-native-gesture-handler'
import React from 'react'
import { StyleSheet, Image } from 'react-native'
import { createAppContainer } from "react-navigation"
import { createStackNavigator } from 'react-navigation-stack'
import { createBottomTabNavigator } from 'react-navigation-tabs'
import Search from './Search'
import FilmDetail from './FilmDetail'
import Favorites from './Favorites'
const SearchStackNavigator = createStackNavigator({
Search: {
screen: Search,
navigationOptions: {
title: 'Rechercher'
}
},
FilmDetail: {
screen: FilmDetail
}
})
const FavoritesStackNavigator = createStackNavigator({
Search: {
screen: Favorites,
navigationOptions: {
title: 'Favoris'
}
},
FilmDetail: {
screen: FilmDetail
}
})
const MoviesTabNavigator = createBottomTabNavigator(
{
Search: {
screen: SearchStackNavigator,
navigationOptions: {
tabBarIcon: () => { // On définit le rendu de nos icônes par les images récemment ajoutés au projet
return <Image
source={require('./ic_search.png')}
style={styles.icon}/> // On applique un style pour les redimensionner comme il faut
}
}
},
Favorites: {
screen: FavoritesStackNavigator,
navigationOptions: {
title: 'Favoris',
tabBarIcon: () => {
return <Image
source={require('./ic_favorite.png')}
style={styles.icon}/>
}
}
}
},
{
tabBarOptions: {
activeBackgroundColor: '#DDDDDD', // Couleur d'arrière-plan de l'onglet sélectionné
inactiveBackgroundColor: '#FFFFFF', // Couleur d'arrière-plan des onglets non sélectionnés
showLabel: false, // On masque les titres
showIcon: true // On informe le TabNavigator qu'on souhaite afficher les icônes définis
}
}
)
const styles = StyleSheet.create({
icon: {
width: 30,
height: 30
}
})
export default createAppContainer(MoviesTabNavigator)