คำถามติดแท็ก react-native

การใช้componentDidMount()เป็นฟังก์ชัน async แนวปฏิบัติที่ดีใน React Native หรือฉันควรหลีกเลี่ยง ฉันต้องการข้อมูลบางอย่างจากAsyncStorageเวลาที่ส่วนประกอบติดตั้ง แต่วิธีเดียวที่ฉันรู้ว่าจะทำให้เป็นไปได้คือทำให้componentDidMount()ฟังก์ชันไม่ตรงกัน async componentDidMount() { let auth = await this.getAuth(); if (auth) this.checkAuth(auth); } มีปัญหาหรือไม่และมีวิธีแก้ไขปัญหาอื่น ๆ หรือไม่?

139 reactjs  asynchronous  react-native 

เหตุใดทุกครั้งที่ฉันสร้างโปรเจ็กต์ใหม่ใน 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 1 versionName "1.0" } buildTypes { release { minifyEnabled false proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' } } } dependencies { …

134 java  android  react-native  junit 

ฉันกำลังเรียนรู้แนวคิด hooks ใน 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 + 1)}> Click me </button> </div> ); } ตัวอย่างข้างต้นจะเพิ่มตัวนับในพารามิเตอร์ฟังก์ชันตัวจัดการเอง จะเกิดอะไรขึ้นถ้าฉันต้องการแก้ไขค่าการนับภายในฟังก์ชันตัวจัดการเหตุการณ์ …

134 javascript  reactjs  react-native  react-hooks 

แม้ว่าจะมีคำถามคล้าย ๆ กันว่าฉันไม่สามารถสร้างไฟล์ที่มีหลายฟังก์ชันได้ ไม่แน่ใจว่าวิธีนี้ล้าสมัยไปแล้วหรือไม่เนื่องจาก RN มีการพัฒนาอย่างรวดเร็ว จะสร้างฟังก์ชัน global helper ใน react native ได้อย่างไร? ฉันยังใหม่กับ React Native สิ่งที่ฉันต้องการทำคือสร้างไฟล์ js ที่เต็มไปด้วยฟังก์ชันที่สามารถใช้ซ้ำได้มากมายจากนั้นนำเข้าในส่วนประกอบและเรียกใช้จากที่นั่น สิ่งที่ฉันทำมาจนถึงตอนนี้อาจจะดูโง่ แต่ฉันรู้ว่าคุณจะถามมันดังนั้นพวกเขาจึงอยู่ที่นี่ ฉันพยายามสร้างชื่อคลาส Chandu และส่งออกเป็นแบบนี้ 'use strict'; import React, { Component } from 'react'; import { AppRegistry, Text, TextInput, View } from 'react-native'; export default class Chandu extends Component { constructor(props){ …

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()} />

130 react-native 

ฉันพยายามสร้างแอปตอบกลับที่มีลักษณะเหมือนเว็บแอปที่มีอยู่ ฉันมีส่วนท้ายคงที่ที่ด้านล่างของหน้าต่าง ใครมีความคิดว่าจะทำได้อย่างไรกับ react native? ในแอพที่มีอยู่มันง่ายมาก: .footer { position: fixed; bottom: 0; }

128 react-native 

ฉันได้รับ-bash: react-native: command not found errorขณะสร้าง react-native project ด้านล่างนี้เป็นข้อมูลเพิ่มเติม 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 6. echo $PATH /Users/Ashok/.rbenv/shims:/Users/Ashok/.rbenv/shims:/usr/local/bin:/usr/bin:/bin:/usr/sbin:/sbin ฉันลองทำตามขั้นตอนที่แนะนำจากลิงค์ด้านล่าง แต่ก็ยังได้รับข้อผิดพลาดเหมือนเดิม ตอบสนองพื้นเมืองคำสั่งที่ไม่พบ ฉันไม่มีไดเร็กทอรี …

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 is a really long text that you can do nothing about, its gonna …

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" : [ { "name" : "iPhone 4s", "bundlePath" : "\/Applications\/Xcode.app\/Contents\/Developer\/Platforms\/iPhoneOS.platform\/Developer\/Library\/CoreSimulator\/Profiles\/DeviceTypes\/iPhone 4s.simdevicetype", "identifier" …

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

ฉันได้รับข้อความนี้เมื่อฉันพยายามเริ่มแอปตอบกลับในตัว โดยปกติรูปแบบประเภทนี้จะใช้งานได้กับการนำทางแบบหลายหน้าจออื่น ๆ แต่ในกรณีนี้ก็ใช้ไม่ได้ นี่คือข้อผิดพลาด: Invariant Violation: The navigation prop is missing for this navigator. In react-navigation 3 you must set up your app container directly. More info: https://reactnavigation.org/docs/en/app-containers.html นี่คือรูปแบบแอปของฉัน: import React, {Component} from 'react'; import { StyleSheet, Text, View } from 'react-native'; import { createStackNavigator } from 'react-navigation'; import …

121 reactjs  react-native 

ฉันกำลังพยายามส่งคำขอ 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}) }) } }; แต่เมื่อฉันลองสิ่งนี้ไม่มีอะไรเลย$_GET: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php', { …

121 reactjs  react-native  redux  axios 

ฉันกำลังพยายามสร้างแอปแรกด้วย 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 นี่คือทั้งหมดที่ฉันติดตั้งใน Android SDK: ฉันพยายามติดตั้งเครื่องมือสร้าง Android 23.0.1 แต่ได้รับข้อผิดพลาดนี้: ฉันควรทำอย่างไรดี?

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 ได้อย่างไร เอกสารสำหรับหุ่นยนต์ไม่เป็นประโยชน์มากสำหรับหุ่นยนต์ Noob

118 android  react-native