Small React-Native application that connects to PokeApi to retrieve and display the information of each pokemon in details.
NOTE: This project doesn't use expo, instead, it does use React Native for Web.
- Download and install node and Android Studio
- Run
npm install - With an emulator configured or a physical device connected
npm run android
- Download and install node and XCode
- Run
npm install&npx pod-install - With an emulator configured or a physical device connected
npm run ios
- Download and install node
- Run
npm install - Run
npm run web
There are a few pending steps to make this app fully works on iOS and to do them is necessary to use a Mac computer
- Install icons following these steps
- Generate the icon image for the app, this website helps to do that
- Configure the SplashScreen, follow these steps
- The fetch to the API doesn't work using Android emulator, you'll have to use an iPhone, iPhone emulator or a physical android device
- Some times the app doesn't run after the first installation, if so you'll have to run it once again
- Make sure that your device has at least 1gb (recommended 2gb) of space if you are using an emulator
- To build on Windows SO you are going to need to install
npm install -g win-node-env
- To create a react-native app from zero without expo (using typescript) and a version compatible with React Native for Web you can run this command
npx react-native init Pokedex --template react-native-template-typescript@6.9.6 - This project initially needs extra config for:
- Create the Icons for the Android App this and this for iPhone App
- Set the navigator packages (if you have troubles with the tabs, check this https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/)