Skip to content

Instantly share code, notes, and snippets.

View anastely's full-sized avatar
:octocat:
Focusing

Anas Tely anastely

:octocat:
Focusing
View GitHub Profile
const Drawer = createDrawerNavigator();
const AppDrawerScreen = () => (
<Drawer.Navigator
initialRouteName="App"
drawerContent={props => <SideBar {...props} />}
drawerType="front"
screenOptions={{
// gestureEnabled: false, // == drawerLockMode
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import {createDrawerNavigator} from '@react-navigation/drawer';
import {NavigationContainer} from '@react-navigation/native';
import {createStackNavigator} from '@react-navigation/stack';
import {Button, Icon} from 'native-base';
import React from 'react';
import {I18nManager, View} from 'react-native';
import {connect} from 'react-redux';
// custom TabBar
import Slider from '@react-native-community/slider';
import {Button, Icon} from 'native-base';
import React, {Component} from 'react';
import {ActivityIndicator, PermissionsAndroid, Text, View} from 'react-native';
import Video from 'react-native-video';
import {connect} from 'react-redux';
import RNFetchBlob from 'rn-fetch-blob';
import API from '../../api/API';
import {incrementCount} from '../../redux/actions/countPlayAction';
import {
import React from 'react';
import {StyleSheet, Text, TouchableOpacity, View} from 'react-native';
import {useSafeArea} from 'react-native-safe-area-context';
import Ionicons from 'react-native-vector-icons/Ionicons';
import {routes} from '../../Navigation/routes';
import MinPlayer from '../MinPlayer';
const ICONS = {
[routes.Home]: 'ios-home',
[routes.Browse]: 'ios-globe',
import {Button, Icon} from 'native-base';
import React from 'react';
import {I18nManager, View} from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';
import {createAppContainer} from 'react-navigation';
import {createDrawerNavigator} from 'react-navigation-drawer';
import {createStackNavigator} from 'react-navigation-stack';
import {createBottomTabNavigator} from 'react-navigation-tabs';
import {connect} from 'react-redux';
import Album from './screens/album/index';
import {Button, Icon} from 'native-base';
import React from 'react';
import {I18nManager, View} from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';
import {createAppContainer} from 'react-navigation';
import {createDrawerNavigator} from 'react-navigation-drawer';
import {createStackNavigator} from 'react-navigation-stack';
import {createBottomTabNavigator} from 'react-navigation-tabs';
import {connect} from 'react-redux';
import Album from './screens/album/index';
const AppNavigator = createStackNavigator(
{
Tabs: {
screen: TabNavigation,
navigationOptions: ({navigation}) => {
console.log('navigationOptions-Stack-Tabs:', navigation);
// // let {routeName} = navigation.state.routes[navigation.state.index]; // Error cuz Routes is undefined
// // console.log('routeName', routeName);
// // let title;
@anastely
anastely / Root.js
Last active February 21, 2020 16:12
React Navigation Files
const AppNavigator = createStackNavigator(
{
TabHome: {
screen: AppTabs,
navigationOptions: ({navigation}) => {
console.log('navigation-:', navigation);
// let {routeName} = navigation.state.routes[navigation.state.index];
// console.log('routeName', routeName);
// let title;
import {Button, Icon} from 'native-base';
import React, {PureComponent} from 'react';
import {I18nManager, View} from 'react-native';
import Ionicons from 'react-native-vector-icons/Ionicons';
import {createAppContainer, createSwitchNavigator} from 'react-navigation';
import {createDrawerNavigator} from 'react-navigation-drawer';
import {createStackNavigator} from 'react-navigation-stack';
import {createBottomTabNavigator} from 'react-navigation-tabs';
import {connect} from 'react-redux';
import Album from './screens/album/index';
import {createAppContainer} from 'react-navigation';
import {createBottomTabNavigator} from 'react-navigation-tabs';
{/*
..
Screens
..*/}
const LoginTabs = createBottomTabNavigator(
{