Perguntas com a marcação «react-native»

Estou tentando mudar de tela usando os navegadores de pilha e de guias. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); Neste caso, stacknavigator é usado primeiro e …

136 javascript  react-native  react-navigation  expo 

Por que sempre que crio um novo projeto no Android Studio, ele sempre aparece: Erro: (23, 17) Falha ao resolver: junit: junit: 4.12? Quando removo as testCompile 'junit:junit:4.12'dependências, não é mais um problema. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion 17 targetSdkVersion …

133 java  android  react-native  junit 

Embora exista uma pergunta semelhante, não estou conseguindo criar um arquivo com várias funções. Não tenho certeza se o método já está desatualizado ou não, pois o RN está evoluindo muito rapidamente. Como criar uma função auxiliar global em reagir nativo? Eu sou novo no React Native. O que eu …

133 reactjs  react-native 

Atualmente, estou aprendendo o conceito de ganchos no React e tentando entender o exemplo abaixo. 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 …

133 javascript  reactjs  react-native  react-hooks 

O FlatList não parece estar funcionando. Eu recebo este aviso. VirtualizedList: faltando chaves para itens, especifique uma propriedade de chave em cada item ou forneça um keyExtractor personalizado. Código: <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

Tento criar um aplicativo nativo de reação que se parece com o aplicativo da web existente. Eu tenho um rodapé fixo na parte inferior da janela. Alguém tem idéia de como isso pode ser alcançado com o reagir nativo? no aplicativo existente, é simples: .footer { position: fixed; bottom: 0; …

128 react-native 

Estou recebendo o comando -bash: react-native: não encontrado ao criar o projeto react -native. Abaixo estão as informações adicionais 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 …

126 android  ios  react-native 

Estou tentando executar meu aplicativo React Native no XCode e continuo recebendo esse erro. Não consigo descobrir como resolver o problema. Alguma sugestão? Captura de tela do erro no XCode:

124 ios  xcode  react-native 

sempre que corro react-native run-ios, eu pego 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) no entanto, quando eu executo no Xcode, ele funciona bem { "devicetypes" …

122 react-native  ios-simulator  react-native-ios 

O código a seguir pode ser encontrado neste exemplo ao vivo Eu tenho o seguinte elemento nativo reac: '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} …

122 css  reactjs  react-native  flexbox 

Estou tentando enviar uma solicitação GET como segundo parâmetro, mas não funciona enquanto faz como url. Isso funciona, $ _GET ['naam'] retorna o teste: 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 

Estou recebendo esta mensagem quando tentei iniciar meu aplicativo nativo Reage. Normalmente, este tipo de formato funciona em outra navegação de tela múltipla, mas de alguma forma não funciona neste caso. Aqui está o erro: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must …

120 reactjs  react-native 

Estou tentando construir meu primeiro aplicativo com o react-native. Estou seguindo estes 2 tutoriais: https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html Tenho certeza de que instalei todos os requisitos do segundo link, mas quando tento executar meu aplicativo com react-native run-android, recebo o seguinte erro: Eu executei este comando enquanto rodava o genymotion. Isso é …

119 android  linux  react-native 

Digamos que eu tenha um componente com renderização assim: <View style={jewelStyle}></View> Onde jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Como posso tornar a cor de fundo dinâmica e atribuída aleatoriamente? eu tentei { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Mas isso faz …

119 css  reactjs  react-native 

Como posso ativar o recarregamento ao vivo no emulador do Android? A documentação do android não foi muito útil para um noob android.

118 android  react-native