Page Index - kitiya/rn-tasty-recipes GitHub Wiki
144 page(s) in this GitHub Wiki:
- Home
- Section 6: Navigation with React Navigation
- 107. Planning the App
- Creating a new app
- 108. Adding Screens
- Created 5 screens
- Basic Template
- 109. Adding Fonts
- Adding "fonts" file to our project
- Code example in the App.js file
- Expo Font
- Installation
- expo-font API
- loadAsync(object)
- Arguments of loadAsync() method
- Example of loadAsync() method
- Returns
- isLoaded (another API)
- isLoading (another API)
- AppLoading Component
- AppLoading API
- AppLoading Props
- 111. Installing React Navigation & Adding Navigation to the App
- Installation
- Installing dependencies into an Expo managed project
- 112. Installing Different Navigators
- 113. Creating a StackNavigator
- createStackNavigator
- Installation
- API Definition
- RouteConfigs
- createAppContainer
- 114. Navigating Between Screens
- Project Code: Navigating to a new screen
- 117. Pushing, Poping, & Replacing
- Navigate to a route multiple times | Link
- Going back | Link
- 118. Outputting a Grid of Categories
- Project Code
- models/category.js
- data.dummy-data.js
- screens/CategoriesScreen.js
- 119. Configuring the Header with Navigation Options
- Project Code
- CategoriesScreen.js
- 120. Passing & Reading Params Upon Navigation | Link
- Project Code:
- CategoriesScreen.js
- CategoryRecipesScreen.js
- 121. Setting Dynamic Navigation Options
- The navigationOptions can be:
- CategoryRecipesScreen.js
- 122. Default NavigationOptions & Config
- createStackNavigator
- API Definition of the createStackNavigator
- StackNavigatorConfig
- defaultNavigationOptions
- Project Code:
- navigation/RecipesNavigator.js
- react-native-screens
- Installation
- API
- 123. Grid Styling & Some Refactoring
- Project Code:
- components/GategoryGridTile.js
- 124. Adding Recipe Models & Data
- Project Code:
- models/recipe.js
- data/dummy-data.js
- 125. Loading recipes for categories
- Project Code:
- CategoryRecipeScreen.js
- 126. Rendering a Recipes List
- Project Code:
- CategoryRecipeScreen.js
- component/RecipeItem.js
- 127. Passing data to the recipe detail screen
- Project Code:
- screens/CategoryRecipesScreen.js
- screens/RecipeDetailScreen.js
- 128. Adding Header Buttons
- Installation
- react-navigation-header-buttons
- @expo/vector-icons
- Project Code:
- component/HeaderButton.js
- RecipeDetailScreen.js
- 131. Adding Tabs-based Navigation
- Installation
- API
- RouteConfigs
- TabNavigatorConfig
- Project Code:
- navigation/RecipesNavigator.js
- 132. Setting Icons and Configuring Tabs
- Project Code:
- navigation/RecipesNavigator.js
- 133. navigationOptions inside of a Navigator
- 133. Adding MaterialBottomTabNavigator
- Installation
- API
- RouteConfigs
- MaterialBottomTabNavigatorConfig
- Example
- Project Code:
- navigation/RecipesNavigator.js
- Project Code:
- component/RecipeList.js
- CategoryRecipesScreen.js
- FavoritesScreen.js
- 136. Adding a Menu Button & Drawer Navigation
- createDrawerNavigator
- Installtion
- API
- RouteConfigs
- DrawerNavigatorConfig
- Project Code:
- navigation/RecipeNavigator.js
- FavoritesScreen.js
- 137. Configuring the Drawer Navigator
- Project Code:
- navigation/RecipeNavigator.js
- 138. More Navigation Config & Styling (fontFamily)
- Project Code:
- navigation/RecipeNavigator.js
- 139. Adding a DefaultText Component
- Project Code:
- component/DefaultText.js
- 140. Adding the RecipeDetail Screen Content
- Project Code:
- screen/RecipeDetailScreen.js
- 141. FiltersScreen Content (Using the Switch Component)
- Switch Component
- props
- Project Code:
- screen/FiltersScreen.js
- Project Code:
- screen/FiltersScreen.js
- 143. React Refresher - useEffect() & useCallback()
- useEffect()
- useCallback()
- Example:
- Section 7: State Management and Redux
- Please reload this page