- Notifications
You must be signed in to change notification settings - Fork0
2BTech/RNDataDisplayApp
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
This is a newReact Native project, bootstrapped using@react-native-community/cli
.
Note: Make sure you have completed theReact Native - Environment Setup instructions till "Creating a new application" step, before proceeding.
First, you will need to startMetro, the JavaScriptbundler that shipswith React Native.
To start Metro, run the following command from theroot of your React Native project:
# using npmnpm start# OR using Yarnyarn start
Let Metro Bundler run in itsown terminal. Open anew terminal from theroot of your React Native project. Run the following command to start yourAndroid oriOS app:
# using npmnpm run android# OR using Yarnyarn android
# using npmnpm run ios# OR using Yarnyarn ios
If everything is set upcorrectly, you should see your new app running in yourAndroid Emulator oriOS Simulator shortly provided you have set up your emulator/simulator correctly.
This is one way to run your app — you can also run it directly from within Android Studio and Xcode respectively.
Now that you have successfully run the app, let's modify it.
Open
App.tsx
in your text editor of choice and edit some lines.ForAndroid: Press theR key twice or select"Reload" from theDeveloper Menu (Ctrl +M (on Window and Linux) orCmd ⌘ +M (on macOS)) to see your changes!
ForiOS: HitCmd ⌘ +R in your iOS Simulator to reload the app and see your changes!
You've successfully run and modified your React Native App. 🥳
- If you want to add this new React Native code to an existing application, check out theIntegration guide.
- If you're curious to learn more about React Native, check out theIntroduction to React Native.
If you can't get this to work, see theTroubleshooting page.
To learn more about React Native, take a look at the following resources:
- React Native Website - learn more about React Native.
- Getting Started - anoverview of React Native and how setup your environment.
- Learn the Basics - aguided tour of the React Nativebasics.
- Blog - read the latest official React NativeBlog posts.
@facebook/react-native
- the Open Source; GitHubrepository for React Native.