Pytania otagowane jako react-native

Próbuję przełączyć ekran za pomocą nawigatora stosu i kart. const MainNavigation = StackNavigator({ otp: { screen: OTPlogin }, otpverify: { screen: OTPverification}, userVerified: { screen: TabNavigator({ List: { screen: List }, Settings: { screen: Settings } }), }, }); W tym przypadku najpierw używany jest stacknavigator, a następnie tabnavigator. i …

140 javascript  react-native  react-navigation  expo 

To jest styl widoku, którego użyłem backCover: { position: 'absolute', marginTop: 20, top: 0, bottom: 0, left: 0, right: 0, } Obecnie ma białe tło. Mogę zmienić backgroundColor tak, jak chcę, '#343434'ale akceptuje on tylko maksymalnie 6 wartości szesnastkowych dla koloru, więc nie mogę nadać temu krycia '#00ffffff'. Próbowałem użyć …

139 react-native 

Dlaczego za każdym razem, gdy tworzę nowy projekt w Android Studio, zawsze pojawia się: Błąd: (23, 17) Nie udało się rozwiązać problemu: junit: junit: 4.12? Kiedy usuwam testCompile 'junit:junit:4.12'w zależnościach, to już nie jest problem. build.gradle apply plugin: 'com.android.application' android { compileSdkVersion 23 buildToolsVersion "23.0.1" defaultConfig { applicationId "com.okedroid.myapplication" minSdkVersion …

134 java  android  react-native  junit 

Obecnie uczę się koncepcji hooków w Reakcie i próbuję zrozumieć poniższy przykład. 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 + 1)}> Click …

134 javascript  reactjs  react-native  react-hooks 

Chociaż istnieje podobne pytanie, nie udaje mi się utworzyć pliku z wieloma funkcjami. Nie jestem pewien, czy metoda jest już przestarzała, czy nie, ponieważ RN rozwija się bardzo szybko. Jak stworzyć globalną funkcję pomocniczą w React Native? Jestem nowy w React Native. To, co chcę zrobić, to stworzyć plik js …

133 reactjs  react-native 

Wygląda na to, że FlatList nie działa. Otrzymuję to ostrzeżenie. VirtualizedList: brak kluczy dla elementów, upewnij się, że określono właściwość klucza dla każdego elementu lub podaj niestandardowy keyExtractor. Kod: <FlatList data={[{name: 'a'}, {name: 'b'}]} renderItem={ (item) => <Text key={Math.random().toString()}>{item.name}</Text> } key={Math.random().toString()} />

129 react-native 

Próbuję stworzyć natywną aplikację, która wygląda jak istniejąca aplikacja internetowa. Mam stałą stopkę na dole okna. Czy ktoś ma pojęcie, jak można to osiągnąć dzięki React Native? w istniejącej aplikacji jest to proste: .footer { position: fixed; bottom: 0; }

128 react-native 

Otrzymuję -bash: react-native: polecenie nie zostało znalezione błąd podczas tworzenia projektu react-native. Poniżej znajdują się dodatkowe informacje 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 …

127 android  ios  react-native 

Próbuję uruchomić moją aplikację React Native w XCode i ciągle otrzymuję ten błąd. Nie mogę dowiedzieć się, jak rozwiązać ten problem. Jakieś sugestie? Zrzut ekranu błędu w XCode:

124 ios  xcode  react-native 

kiedy biegnę react-native run-ios, dostaję 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) jednak gdy uruchamiam na Xcode, działa dobrze { "devicetypes" : [ { "name" : …

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

Poniższy kod można znaleźć w tym przykładzie na żywo Mam następujący element reagowania: '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 is a …

123 css  reactjs  react-native  flexbox 

Próbuję wysłać żądanie GET jako drugi parametr, ale nie działa, gdy działa jako adres URL. To działa, $ _GET ['naam'] zwraca test: 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 

Otrzymuję tę wiadomość, gdy próbuję uruchomić moją natywną aplikację React. Zwykle ten format działa w innych nawigacjach wieloekranowych, ale jakoś nie działa w tym przypadku. Oto błąd: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: …

120 reactjs  react-native 

Próbuję zbudować moją pierwszą aplikację z opcją React-Native. Podążam za tymi samouczkami 2: https://facebook.github.io/react-native/docs/getting-started.html#content https://facebook.github.io/react-native/docs/android-setup.html Jestem pewien, że zainstalowałem wszystkie wymagania z drugiego linku, ale kiedy próbuję uruchomić moją aplikację z react-native run-android, pojawia się następujący błąd: Wykonałem to polecenie podczas uruchamiania genymotion. To wszystko, co zainstalowałem w Android SDK: …

119 android  linux  react-native 

Powiedzmy, że mam komponent z takim renderowaniem: <View style={jewelStyle}></View> Gdzie jewelStyle = { borderRadius: 10, backgroundColor: '#FFEFCC', width: 20, height: 20, }, Jak mogę ustawić dynamiczny i losowy kolor tła? próbowałem { borderRadius: 10, backgroundColor: getRandomColor(), width: 20, height: 20, }, Ale to sprawia, że ​​wszystkie wystąpienia View mają ten …

119 css  reactjs  react-native