RN分享

Transcript

1. RNړՁ எူ
2. ᙧวՕᕨ 1.᪜ଘݣ,write once, run anywhere 2.ڹᒒ֛ḵӧ֯ 3.ๅො׎᧣አܻኞ 4.ᅾๅෛ
3. ᵱᥝഩൎጱचᏐᎣᦩ 1.ਞܓ୏ݎ 2.OC୏ݎ 3.Javascript 4.ES6,Redux,Flexbox,React-Native໛ຝ ᗌᅩ: 1.ଚӧᚆਠق᪜ଘݣ҅᮱ړᬮฎᵱᥝᕣᒒᯈݳ 2.ֵአ᮱ړᕟկՖᆐํࣗ 3.fbஉݢᚆӧᖌಷ 4.ᅾๅෛ(codePush)ጱ๐ۓங᫫ጱ҅ํݢᚆӧᑞਧ
4. ໫໴֢አ ES6 ᒫӣොପ React-Native iOS Android
5. ፓ୯ᕮ຅ index.ios.js:iOSጱفݗ෈կ node_modules:npmᓕቘጱପ෈կ package.json:ᶱፓׁᩢ෈կ js:ᶱፓ෈կ resource:ᶱፓᩒრ෈կ app.json:(ݢᭌ)
6. ୏ݎሾह൫ୌ 1.୏ݎૡٍ brew install node //nodeሾह npm install -g yarn react-native-cli //rn޸ե brew install watchman //ਫ෸ፊၥ෈կݒ۸ 2.Xcode react-native init ᶱፓݷ ݢզಋۖ಑୏ Ԟݢզکᶱፓ᪠ஆӥreact-native run-ios
7. ಋۖᵞ౮ 1.package.jsonץදଚnpm install 2.ֵአcocoapodsىᘶ 1) ୚فૡᑕ,link libraries 2҂ץදheader ୚አ᪠ஆ 3) ᚕ๜๊ഘ #import <React/(.*)> #import "$1"
8. ኞ޸ޮ๗ ୏ত getDefaultProps getInitialSatte componentWillMount render componentDidMount ᬩᤈӾ ં௔propsදݒ componentWillReceiveProps stateදݒ shouldComponentUpdate componentWillUpdate render componentDidUpdate ܬ᫹ componentWillUnmount ᕮ๳ ฎ ވ
9. Debug 1.ސۖݸݣ๐ۓ 2.ᬩᤈXcode 3.Cmd+R᯿ෛڬෛ,Cmd+D᧣᩸᧣ᦶោܔ
10. ᅾๅෛ(CodePush) 1.ਞᤰڠୌဳٙ npm install -g code-push-cli code-push register code-push login code-push app add ᶱፓݷ 2.ႲےSDK nam install —save react-native-code-push nam i rnpm rpm link react-native-code-push ౲ᘏಋۖᵞ౮ 3.ᵞ౮ CODEPUSH_KEY CodePushDeploymentKey componentDidMount syncොဩ jsCodeLocation = [CodePush bundleURL]; ᶉἕๅෛ҅୩ګๅෛ̶ ڹݸݣڔഘጱ෸ײๅෛ 4.ݎ૲ๅෛ code-push release-react Project ios code-push release-react Project ios --t 1.2.1 --dev false --d Production --des "1.౯ฎဳ᯽ --m true ౲ᘏಋۖ: react-native bundle --platform ଘݣ --entry-file ސۖ෈կ --bundle-output ಑۱jsᬌڊ෈կ --assets-dest ᩒრᬌڊፓ୯ --dev ฎވ᧣ᦶ code-push release <ଫአݷᑍ> <Bundlesಅࣁፓ୯> <੒ଫጱଫአᇇ๜> --deploymentNameғ ๅෛሾह --descriptionғ ๅෛൈᬿ -- mandatoryғ ฎވ୩ګๅෛ
11. ᭗מܻቘ JavaScript RCTBridge Event Dispatcher Control Event Device Event Device Event Device Event OC ཛྷࣘ ᧣አJS ᬬࢧJSON ے᫹ғOC੶ے᫹JSრහഝҁݢզᑍԅғֵአ ReactJS໛ຝጱҘ҂҅ଚڥአ JavascriptCore.framework൫ୌ᩸OCBridge҅ ֢ԅ޾JS੶᭗ᦔጱૡ̶ٍ ഭᇇғOC੶᭗ᬦcss-layoutᏟਧᜓᅩጱ֖ᗝ̶ ᕲګғNative UIᜓᅩᬰᤈdrawRect̶
12. ໫ള 1.RCTBridgeModule RCT_EXPORT_MODULE RCT_EXPORT_METHOD methodQueue 2.NativeAppEventEmitter
13. پӻੜወᳯ 1.୚فiOS۱य़ੜ ପ෈կय़ᕅ120m҅୚فय़ੜپԒ෫ݒ۸ 2.ग़ӻᶭᶎ᮷አreact-native ኧӞӻ᪡᫨ᔄ҅᭗ᬦփفӧݶጱpropertiesᵍᐶ୏ ౲ᘏ୚فग़ӻࣈ࣎ 3.ਞܓ޾iOSӧݶ૲ੴெԍې դᎱ᯾ݢզڣෙplatform Ԟݢզአӧݶጱݸᖗݷ.index.ios.js,index.android.js
14. ᨀᨀ