Вопросы с тегом «react-native»

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

139 reactjs  asynchronous  react-native 

В настоящее время я изучаю концепцию хуков в 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 17 targetSdkVersion 23 versionCode …

133 java  android  react-native  junit 

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

133 reactjs  react-native 

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

129 react-native 

Я пытаюсь создать собственное приложение, которое выглядит как существующее веб-приложение. У меня фиксированный нижний колонтитул внизу окна. Кто-нибудь знает, как этого можно достичь с помощью react native? в существующем приложении это просто: .footer { position: fixed; bottom: 0; }

128 react-native 

Я получаю -bash: react-native: command not found error при создании проекта, поддерживающего реакцию . Ниже представлена ​​дополнительная информация 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 …

127 android  ios  react-native 

Я пытаюсь запустить свое приложение React Native в XCode и продолжаю получать эту ошибку. Не могу понять, как решить проблему. Какие-либо предложения? Снимок экрана с ошибкой в ​​XCode:

124 ios  xcode  react-native 

В этом живом примере можно найти следующий код У меня есть следующий собственный элемент реакции: '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 …

124 css  reactjs  react-native  flexbox 

всякий раз, когда я бегу 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 

Я пытаюсь отправить запрос 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}) }) …

123 reactjs  react-native  redux  axios 

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

121 reactjs  react-native 

Я пытаюсь создать свое первое приложение с помощью react-native. Я следую этим 2 урокам: 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> Где jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Как сделать цвет фона динамическим и назначенным случайным образом? я пробовал { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Но это заставляет все экземпляры View …

119 css  reactjs  react-native 

Как включить прямую перезагрузку в эмуляторе Android? Документация для андроида не было очень полезно для андроид нуба.

118 android  react-native