Мазмуну:
Video: Реактивдүү жергиликтүү тилде навигация деген эмне?
2024 Автор: Lynn Donovan | [email protected]. Акыркы өзгөртүү: 2023-12-15 23:50
Мобилдик тиркемелерди курууда, биз колдонуучуну кантип иштетебиз навигация колдонмо аркылуу - экрандардын бет ачары жана алардын ортосундагы өтүү. React Navigation иштеп чыгуучуга бул функцияны оңой ишке ашырууга мүмкүндүк берген өз алдынча китепкана.
Ошондой эле, мен навигацияны кантип кошсом болот деп сурады.
- 1-кадам: React Native орнотуңуз. Макул, эми төмөнкү буйрук менен реактивдүү жергиликтүү долбоорду орнотуңуз.
- 2-кадам: Биздин долбоор үчүн эки экранды түзүү.
- 3-кадам: React Navigation пакетин орнотуңуз.
- 4-кадам: Орнотуулар ичиндеги Багыттоо баскычын кошуңуз.
- 5-кадам: Колдонмону кайра жүктөө.
Андан тышкары, жергиликтүү реакцияда бир экрандан экинчи экранга кантип өтсө болот? Көчүрүү бир экранга колдонуу менен жүзөгө ашырылат навигация таяныч, биздин ылдый өтөт экран компоненттер.
Жаңы экранга өтүңүз
- < Баскыч.
- title="URLге өтүү"
- onPress={() => бул. реквизиттер. навигация. багыттоо('url')}
- />
Ошондой эле билиңиз, мен роутерди реактивдүү жергиликтүү режимде кантип колдонсом болот?
React Native - роутер
- 1-кадам: Роутерди орнотуу. Баштоо үчүн, биз роутерди орнотуу керек.
- 2-кадам: Толук арыз. Биз роутерибиздин бардык тиркемени иштетүүсүн каалагандыктан, аны индекске кошобуз.
- 3-кадам: Маршрутизатор кошуу. Эми биз компоненттер папкасынын ичинде Маршруттар компонентин түзөбүз.
- 4-кадам: Компоненттерди түзүү.
Реактивдүү роутер деген эмне?
React Router стандарт болуп саналат маршруттоо үчүн китепкана React . Документтерден: React Router URL менен UI синхрондоштурууда сактайт. Ал жалкоо кодду жүктөө, динамикалык маршрутту дал келүү жана жайгашкан жерди которууну башкаруу сыяктуу күчтүү өзгөчөлүктөрү менен жөнөкөй API'ге ээ.
Сунушталууда:
Учурдагы реактивдүү жергиликтүү долбоорумду Expo менен кантип иштете алам?
Учурдагы React Native долбоорумду Expo менен кантип иштете алам? Азыркы учурда муну жасоонун эң оңой жолу - жаңы долбоор түзүү үчүн expo init (Expo CLI менен) колдонуу, андан соң учурдагы долбооруңуздан бардык JavaScript булак кодун көчүрүп, андан кийин сизде бар китепканага көз карандылыктарды кошуу
Реактивдүү жергиликтүү Bridge деген эмне?
React Native биз эне тили менен JavaScript кодунун ортосунда көпүрө түзө тургандай иштелип чыккан. Көпүрө - бул жергиликтүү платформа менен React Native ортосундагы байланышты орнотуунун бир жолу
Реактивдүү жергиликтүү стилдеги StyleSheet деген эмне?
Style Sheet - бул CSS StyleSheets сыяктуу абстракция. Ар бир жолу жаңы стил объектин түзүүнүн ордуна, StyleSheet идентификатор менен стил объекттерин түзүүгө жардам берет, ал андан ары аны кайра көрсөтүүнүн ордуна шилтеме кылуу үчүн колдонулат
Redux реактивдүү жергиликтүү менен колдонулабы?
Redux мамлекеттик башкаруу китепканасы болуп саналат жана көбүнчө колдонмодогу маалымат агымын жөнөкөйлөтүү үчүн React Native менен колдонулат. Сиз жергиликтүү штатта todos тизмесин сактаган учурдагы Todo List тиркемесин алып, ал маалыматтарды Reduxка жылдырасыз. Эгер сиз React Native менен тааныш болбосоңуз, биздин React Native киришүү курсун бул жерден көрүңүз
Кайсы колдонмолор реактивдүү жергиликтүү режимде жасалган?
Бул жерде биз React Native аркылуу курулган кээ бир популярдуу колдонмолордун тизмесин келтиребиз. Facebook Ads Manager. Жарнама менеджери - бул Facebook тарабынан курулган биринчи fullReact Native, кайчылаш платформа колдонмосу. Bloomberg. Bloomberg колдонмосу колдонуучуларга дүйнөлүк бизнес жана каржы жаңылыктары менен камсыз кылат. AirBnB. Гироскоп. Myntra. UberEats. Дискорд. Instagram