-
Couldn't load subscription status.
- Fork 311
Week 16 - React Native App - Jessica Sandler #300
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: master
Are you sure you want to change the base?
Conversation
| <NavigationContainer> | ||
| <Tab.Navigator | ||
| screenOptions={({ route }) => ({ | ||
| tabBarIcon: ({ focused, color, size }) => { | ||
| if (route.name === 'Home') { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I really like your tab navigation with the tab function in the bottom.
| const DOG_URL = 'https://dog.ceo/api/breed/samoyed/images/random' | ||
|
|
||
| const DogScreen = () => { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great idea with two api.s, one game and the dog images.
I love the dog theme!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great job Jessica!
You have reached the general requirements. The code is easy to read and you have structured it in a good way and I love the dog theme!
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Really good job with your app Jessica! You have reached the requirements and it looks good on my phone. Really liked how you combined navigation and fetch from API. And also a good job with implementing what we have learned from the previous weeks :D
| import StartScreen from './screens/StartScreen' | ||
| import DogScreen from './screens/DogScreen' | ||
| import GameScreen from './screens/GameScreen' |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Really nice with different pages in your app! :D
| @@ -0,0 +1,8 @@ | |||
| export const Colors = { | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Cool that you could store this in a separate file and then import it
| ) | ||
| } | ||
|
|
||
| const styles = StyleSheet.create({ |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice job with the stylesheet! :D
| @@ -0,0 +1,78 @@ | |||
| import React from 'react' | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Really nice that you implemented an old project as the game :D
| @@ -0,0 +1,28 @@ | |||
| import React from 'react' | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Good with a loader so the user can see something when there is waiting time :D
| @@ -0,0 +1,33 @@ | |||
| import React from 'react' | |||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Great that you created a separate component for the button
https://expo.dev/@jessand77/project-react-native-app?serviceType=classic&distribution=expo-go