React-Native-Programming
所属分类:代理服务器
开发工具:JavaScript
文件大小:0KB
下载次数:0
上传日期:2023-10-17 07:10:07
上 传 者:
sh-1993
说明: React本地编程,,
(React Native Programming,,)
文件列表:
Day1_ViewComponent.js (777, 2023-10-17)
Day2_TextComponent.js (697, 2023-10-17)
Day3_ImageComponent.js (1188, 2023-10-17)
Day4_TouchableComponent.js (1125, 2023-10-17)
Day5_Buttons.js (859, 2023-10-17)
Day6_Stylesheet.js (1145, 2023-10-17)
Day7_Platform&StatusBar (838, 2023-10-17)
Flex1_Basics.js (837, 2023-10-17)
Flex2_flexDirection.js (973, 2023-10-17)
Flex3_Align&Justify.js (1369, 2023-10-17)
Flex4_AlignContent&FlexWrap.js (1767, 2023-10-17)
TheApp1_FirstStart.js (842, 2023-10-17)
TheApp2_OrientationManagement.js (1571, 2023-10-17)
Z. Density Independent Pixels.jpg (49583, 2023-10-17)
# React-Native-Programming
K
=======================================================================
Things installed in VS Code for React Native:
-React Native Tools
-React-Native/React/Redux snipper (You can code using shortcuts)
-Material Icon Them (Gives icon for project later)
On Top Bar, click Code -> Settings -> Search format on save and click
=======================================================================
WHERE THE MAGIC HAPPENS: In VS code terminal
1. Type -> expo init Folder_Name
2. Choose workflow:
-Managed Workflow: blank, blank (typescript) or tabs
-Bare Workflow: minimal or minimal (typescript)
3. It will take a while, wait for download
4. After that, open the folder and run in vs code: [PROCEED HERE WHEN FOLDER ALREADY CREATED WHEN U COME BACK]
1. type "cd Folder_Name"
2. type "code ."
5. You run and program ur code on app.js
Note: It is best you safe ur progress code on Github, because you can only run and code on App.js, renaming them may cause complications
=============================================
In VS code terminal part II
1. Type "npm start"
To run on EXPO APP, open terminal, and scan qr code
(BE SURE YOUR LAPTOP AND PHONE ARE ON SAME NETWORK, OTHERWISE IT CANNOT WORK)
If it cannot work, keep refresshing it will work eventually ;)
Later they will also give you shortcuts:
press a for Android emulator
press i for ios simulation
press w for web
press e for lunk to email
press s to sign in and enable mroe options
=============================================
In Assets, you can find images
in App.js, there is basic react native code, consitsting of:
-Function
-StyleSheet
Access this for more components info: https://reactnative.dev/docs/components-and-apis
近期下载者:
相关文件:
收藏者: