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

ฉันกำลังทำงานกับแอพมือถือ React Native สำหรับข้ามแพลตฟอร์ม ฉันกำลังเขียนคำสั่ง console.log เมื่อฉันพัฒนา ฉันต้องการดูงบการบันทึกเหล่านี้ใน Chrome ในขณะที่ฉันใช้งานแอพ Android ใน Android emulator เริ่มต้น ตามเอกสารของ Facebookฉันแค่ต้อง "เขย่าอุปกรณ์" ฉันจะทำสิ่งนี้ในโปรแกรมจำลอง Android ได้อย่างไร วิธีเข้าถึงเมนูผู้พัฒนาในแอป: บน iOS เขย่าอุปกรณ์หรือกดควบคุม + ⌘ + z ในตัวจำลอง บน Android เขย่าอุปกรณ์หรือกดปุ่มเมนูฮาร์ดแวร์ (พร้อมใช้งานบนอุปกรณ์เก่า> และในตัวเลียนแบบส่วนใหญ่เช่นในจีโนมคุณสามารถกด⌘ + m เพื่อ> จำลองปุ่มเมนูฮาร์ดแวร์คลิก)

201 android  android-emulator  react-native 

ฉันพยายามเรียกใช้ AwesomeProject บน Nexus5 ของฉัน (android 5.1.1) ฉันสามารถสร้างโครงการและติดตั้งบนอุปกรณ์ แต่เมื่อฉันเรียกใช้ฉันได้รับหน้าจอสีแดงว่า ไม่สามารถดาวน์โหลดบันเดิล JS คุณลืมเริ่มต้นเซิร์ฟเวอร์การพัฒนาหรือเชื่อมต่ออุปกรณ์ของคุณ? ใน iOS ดั้งเดิมที่ตอบสนองฉันสามารถเลือกโหลด jsbundle ออฟไลน์ได้ ฉันจะทำสิ่งเดียวกันสำหรับ Android ได้อย่างไร (หรืออย่างน้อยฉันจะกำหนดค่าที่อยู่เซิร์ฟเวอร์ได้ที่ไหน) ปรับปรุง หากต้องการรันด้วยโลคัลเซิร์ฟเวอร์ให้รันคำสั่งต่อไปนี้ภายใต้ไดเรกทอรีรูทโปรเจคของคุณ react-native start > /dev/null 2>&1 & adb reverse tcp:8081 tcp:8081 โปรดดูคำตอบของ dsissitka สำหรับรายละเอียดเพิ่มเติม หากต้องการรันโดยไม่มีเซิร์ฟเวอร์ให้รวม jsfile ลงใน apk โดยเรียกใช้: สร้างโฟลเดอร์สินทรัพย์ภายใต้ android/app/src/main curl "http://localhost:8081/index.android.bundle?platform=android" -o "android/app/src/main/assets/index.android.bundle" โปรดดูคำตอบของ kzzzf สำหรับรายละเอียดเพิ่มเติม

201 android  react-native 

เมื่อฉันเรียกใช้โปรเจคต์ตอบโต้พื้นเมืองฉันได้รับข้อผิดพลาดno bundle URL presentแต่ฉันไม่รู้ว่าทำอะไรผิดพลาดฉันสับสนมาก

200 ios  reactjs  react-native 

ต้องการปรับปรุงโพสต์นี้หรือไม่? ให้คำตอบโดยละเอียดสำหรับคำถามนี้รวมถึงการอ้างอิงและคำอธิบายว่าทำไมคำตอบของคุณถึงถูกต้อง คำตอบที่ไม่มีรายละเอียดเพียงพออาจแก้ไขหรือลบออกได้ รับข้อความต่อไปนี้เมื่อฉันเริ่มโครงการใหม่แล้วเปิดตัวจำลอง Xcode: React-Native Version Mismatch ไม่ตรงกัน Javascript เวอร์ชัน 0.50.1 รุ่นพื้นเมือง: 0.50.0 ตรวจสอบให้แน่ใจว่าคุณได้สร้างรหัสเนทีฟใหม่ ... ไม่มีใครรู้ว่าเกิดอะไรขึ้นที่นี่และสามารถช่วยฉันได้บ้าง

196 react-native  react-native-android  react-native-ios 

ฉันจะใช้ความคิดเห็นภายในrenderวิธีการในองค์ประกอบทำปฏิกิริยา ฉันมีองค์ประกอบดังต่อไปนี้: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); } handleClick() { alert('I am click here'); } render() { return ( <div className="dropdown"> // whenClicked is a property not an event, per se. <Button whenClicked={this.handleClick} className="btn-default" title={this.props.title} subTitleClassName="caret"></Button> …

191 reactjs  react-native 

ฉันเคยreact-native init MyAppเริ่มต้นแอป React Native ใหม่ เรื่องนี้สร้างอื่น ๆ ในกลุ่มโครงการ Android com.myappที่มีแพคเกจ เป็นวิธีที่ดีที่สุดที่จะเปลี่ยนชื่อแพคเกจนี้ตัวอย่างเช่น: com.mycompany.myapp? ฉันลองเปลี่ยนมันAndroidManifest.xmlแต่มันสร้างข้อผิดพลาดอื่น ๆ ดังนั้นฉันจึงคิดว่ามันไม่ใช่วิธี ความคิดใด ๆ

179 android  react-native  react-native-android 

ฉันพยายามสลับสถานะขององค์ประกอบใน ReactJS แต่ฉันพบข้อผิดพลาด: เกินความลึกการอัปเดตสูงสุด สิ่งนี้สามารถเกิดขึ้นได้เมื่อคอมโพเนนต์เรียก setState ภายใน componentWillUpdate หรือ componentDidUpdate ซ้ำ ๆ React จำกัด จำนวนการอัพเดตที่ซ้อนเพื่อป้องกันการวนซ้ำไม่สิ้นสุด ฉันไม่เห็นลูปไม่สิ้นสุดในรหัสของฉันใครสามารถช่วยได้บ้าง ReactJS รหัสองค์ประกอบ: import React, { Component } from 'react'; import styled from 'styled-components'; class Item extends React.Component { constructor(props) { super(props); this.toggle= this.toggle.bind(this); this.state = { details: false } } toggle(){ const currentState = …

178 javascript  reactjs  react-native 

ฉันกำลังทำงานกับ React-Native, Android และ Genymotion บน Mac เมื่อฉันเรียกใช้react-native run-androidฉันจะได้รับบรรทัดนี้ในตอนท้ายของการดำเนินการเปิดตัว: ... 04:54:40 E/adb: error: could not install *smartsocket* listener: Address already in use 04:54:40 E/adb: ADB server didn't ACK 04:54:40 E/ddms: '/Users/paulbrie/Library/Android/sdk/platform-tools/adb,start-server' failed -- run manually if necessary 04:54:40 E/adb: * failed to start daemon * 04:54:40 E/adb: error: cannot connect …

168 android  react-native  genymotion 

พยายามที่จะสร้างโครงการตอบโต้พื้นเมืองบน Android 4.4.2 ฉันได้รับหน้าจอข้อผิดพลาดนี้ และไม่สามารถหาวิธีแก้ไขได้ ฉันลองรีสตาร์ทเครื่องแพ็คเก็ตเชื่อมต่ออุปกรณ์ใหม่อีกครั้งแม้จะติดตั้งแบบโต้ตอบดั้งเดิมและเริ่มโครงการใหม่ ในเวอร์ชัน 6.0.0 และใหม่กว่ามันใช้งานได้

167 android  react-native 

ขณะนี้ฉันกำลังเข้าสู่บทเรียนแบบโต้ตอบ React-Native ฉันเริ่มต้นด้วยการสอนการเริ่มต้นใช้งานซึ่งฉันสร้างโปรเจ็คต์แบบเนทีฟใหม่และสามารถจัดการโปรเจ็กต์บนอุปกรณ์ของฉันได้สำเร็จ จากนั้นฉันก็เริ่มต้นบทช่วยสอนอุปกรณ์ประกอบฉากฉันคัดลอกข้อมูลโค้ดและพยายามเรียกใช้โครงการอีกครั้งและมีข้อความแสดงข้อผิดพลาดต่อไปนี้ปรากฏขึ้นบนหน้าจอ:

166 javascript  facebook  reactjs  react-native 

ฉันเป็นคนใหม่ในภาษาพื้นเมืองดังนั้นถ้ามีอะไรผิดปกติในขั้นตอนแจ้งให้ฉันทราบ ฉันได้สร้างแอป Android แบบโต้ตอบโดยใช้คำสั่งตามเอกสาร Android ตอบสนองพื้นเมือง ขณะที่รันบนอุปกรณ์จะใช้คำสั่งต่อไปนี้ react-native run-android ซึ่งให้ผลลัพธ์ของไฟล์ apk 2 ไฟล์ในprojectfolder / android / app / build / outputs / apk ของฉัน ตอนนี้เมื่อฉันใช้เพื่อติดตั้ง apk นี้หลังจากการติดตั้งก็ขอให้เซิร์ฟเวอร์การพัฒนาเชื่อมต่อกับบันเดิล JS แต่ความต้องการของฉันคือผู้ใช้ไม่ต้องต่อสู้กับเซิร์ฟเวอร์การพัฒนาเพียงแค่เขาต้องติดตั้ง apk และทำทุกอย่างเสร็จแล้ว ได้อ่านคำถามเกี่ยวกับสแต็คโอเวอร์โฟลว์แล้วแต่ไม่มีประโยชน์ในการสร้าง apk ที่ไม่ได้ลงชื่อซึ่งไม่ต้องการเซิร์ฟเวอร์การพัฒนา พวกคุณช่วยฉันค้นหาวิธีที่จะสร้างและไม่ได้ลงนาม apk ในการตอบโต้พื้นเมืองได้ไหม?

166 android  apk  react-native 

ฉันได้ตั้งค่าแอปเนทีฟตอบกลับเปล่าใหม่ หลังจากติดตั้งโมดูลโหนดไม่กี่ตัวฉันพบข้อผิดพลาดนี้ Running application on PGN518. internal/fs/watchers.js:173 throw error; ^ Error: ENOSPC: System limit for number of file watchers reached, watch '/home/badis/Desktop/react-native/albums/node_modules/.staging' at FSWatcher.start (internal/fs/watchers.js:165:26) at Object.watch (fs.js:1253:11) at NodeWatcher.watchdir (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:175:20) at NodeWatcher.<anonymous> (/home/badis/Desktop/react-native/albums/node modules/sane/src/node watcher. js:310:16) at /home/badis/Desktop/react-native/albums/node modules/graceful-fs/polyfills.js:285:20 at FSReqWrap.oncomplete (fs.js:154:5) ฉันรู้ว่ามันเกี่ยวข้องกับพื้นที่ไม่เพียงพอสำหรับยามเฝ้าดูการเปลี่ยนแปลงไฟล์ทั้งหมด ฉันอยากรู้ว่าอะไรคือแนวทางที่ดีที่สุดที่จะดำเนินการที่นี่ ฉันควรละเว้นnode_modulesโฟลเดอร์โดยการเพิ่มไปที่.watchmanconfig?

161 react-native  watchman 

react-native run-androidคำสั่งยกเลิกโดยการฝากข้อความไว้ในโปรแกรมจำลอง android ข้อความดังต่อไปนี้: ไม่สามารถโหลดสคริปต์ตรวจสอบให้แน่ใจว่าคุณกำลังเรียกใช้เซิร์ฟเวอร์ Metro หรือว่าชุด 'index.android.bundle' ของคุณถูกบรรจุอย่างถูกต้องสำหรับการเปิดตัว ผมทำอะไรผิดหรือเปล่า?

160 reactjs  react-native  react-native-android  react-native-cli  metro-bundler 

ฉันสำรวจความเป็นไปได้ของการตอบสนองพื้นเมืองขณะที่การพัฒนาแอพพลิเคสาธิตที่มีระบบนำทางที่กำหนดเองระหว่างมุมมองด้วยความช่วยเหลือขององค์ประกอบNavigator แอปคลาสหลักแสดงผลเนวิเกเตอร์และภายในrenderSceneส่งคืนคอมโพเนนต์ที่ผ่าน: class App extends React.Component { render() { return ( <Navigator initialRoute={{name: 'WelcomeView', component: WelcomeView}} configureScene={() => { return Navigator.SceneConfigs.FloatFromRight; }} renderScene={(route, navigator) => { // count the number of func calls console.log(route, navigator); if (route.component) { return React.createElement(route.component, { navigator }); } }} /> ); } } สำหรับแอพตอนนี้มีสองมุมมอง: …

158 javascript  ios  navigation  reactjs  react-native 

เมื่อฉันเรียกใช้คำสั่งนี้: react-native run-ios แอพของฉันทำงานตามค่าเริ่มต้นในอุปกรณ์จำลองการ iPhone6: Found Xcode project RN.xcodeproj Launching iPhone 6 (9.2)... ฉันจะให้แอพทำงานในอุปกรณ์จำลองต่าง ๆ (เช่น iPhone5s) โดยค่าเริ่มต้นได้อย่างไร

158 react-native