Запитання з тегом «react-native»

Чи використання componentDidMount()як функції асинхронізації належної практики в React Native чи я повинен уникати цього? Мені потрібно отримати деяку інформацію від того, AsyncStorageколи компонент монтується, але єдиний спосіб, який я знаю, зробити це можливим - це зробити componentDidMount()функцію асинхронізації. async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); …

139 reactjs  asynchronous  react-native 

Я намагаюся переключити екран за допомогою навігатора стека та вкладки. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); У цьому випадку спочатку використовується стекнавігатор, а потім табнавігатор. і …

136 javascript  react-native  react-navigation  expo 

В даний час я вивчаю концепцію гачків в React і намагаюся розібратися нижче на прикладі. import { useState } from 'react'; function Example() { // Declare a new state variable, which we'll call "count" const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count …

134 javascript  reactjs  react-native  react-hooks 

Чому так, що кожного разу, коли я створюю новий проект в Android Studio, це завжди приходить: Помилка: (23, 17) Не вдалося вирішити: junit: junit: 4.12? Коли я знімаюсь testCompile 'junit:junit:4.12'із залежностей, це вже не проблема. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion …

133 java  android  react-native  junit 

Хоча є подібне питання, я не можу створити файл з декількома функціями. Не впевнений, чи метод вже застарів чи ні, оскільки RN розвивається дуже швидко. Як створити глобальну функцію помічника у реагуванні рідних? Я новачок у React Native. Що я хочу зробити, це створити js-файл, що містить багато функцій багаторазового …

133 reactjs  react-native 

Здається, FlatList не працює. Я отримую це попередження. VirtualizedList: відсутні ключі для елементів, обов’язково вкажіть властивість ключа для кожного елемента або вкажіть спеціальний ключExtractor. Код: <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

Я намагаюся створити власний додаток для реагування, схожий на існуючий веб-додаток. У мене внизу вікна фіксований колонтитул. Хтось має уявлення, як цього можна досягти за допомогою реагуючих рідних? у існуючому додатку це просто: .footer { position: fixed; bottom: 0; }

128 react-native 

Я отримую -bash: reakct-native: команда не знайдена помилка під час створення проекту-native проект. Нижче наведена додаткова інформація 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/flow/0.24.1 4. brew info node stable 6.1.0 /usr/local/Cellar/node/6.1.0 5. npm -version 3.8.6 …

126 android  ios  react-native 

Я намагаюся запустити свою програму React Native в XCode, і я продовжую отримувати цю помилку. Я не можу зрозуміти, як вирішити проблему. Будь-які пропозиції? Знімок екрана помилки в XCode:

124 ios  xcode  react-native 

щоразу, коли бігаю react-native run-ios, я отримую Could not find iPhone X simulator Error: Could not find iPhone X simulator at resolve (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:149:13) at new Promise (<anonymous>) at runOnSimulator (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:134:10) at Object.runIOS [as func] (calendarPractice/node_modules/react-native/local-cli/runIOS/runIOS.js:106:12) at Promise.resolve.then (calendarPractice/node_modules/react-native/local-cli/cliEntry.js:117:22) однак, коли я працюю на Xcode, він працює чудово { "devicetypes" : …

123 react-native  ios-simulator  react-native-ios 

У цьому прямому прикладі можна знайти наступний код У мене є наступний природний елемент реагування: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.descriptionContainerVer}> <View style={styles.descriptionContainerHor}> <Text style={styles.descriptionText} numberOfLines={5} > Here …

122 css  reactjs  react-native  flexbox 

Я намагаюся надіслати GET-запит як другий параметр, але він не працює, поки він працює як URL-адреса. Це працює, $ _GET ['naam'] повертає тест: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => { dispatch({type: "SAVE_SCORE_SUCCESS", payload: response.data}) }) .catch((err) => { dispatch({type: "SAVE_SCORE_FAILURE", payload: err}) }) } …

121 reactjs  react-native  redux  axios 

Я отримую це повідомлення, коли я спробував запустити власний реактивний додаток. Зазвичай такий формат працює на інших багатоекранних навігаціях, але в цьому випадку якось не працює. Ось помилка: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More …

120 reactjs  react-native 

Я намагаюся створити своє перше додаток із реальною реакцією. Я слідую за цими двома підручниками: https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html Я впевнений, що встановив усі вимоги з другого посилання, але коли я намагаюся запустити додаток react-native run-android, я отримую таку помилку: Я виконував цю команду під час запуску genymotion. Це все, що я …

119 android  linux  react-native 

Скажіть, у мене є компонент із візуалізацією, такий: <View style={jewelStyle}></View> Де JewStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Як я можу зробити колір фону динамічним і довільно призначити? Я намагався { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Але завдяки цьому всі екземпляри …

119 css  reactjs  react-native