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

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

730 javascript  reactjs  react-native  javascript-framework 

หากฉันแตะลงใน textinput ฉันต้องการที่จะสามารถแตะที่อื่นเพื่อยกเลิกแป้นพิมพ์อีกครั้ง (ไม่ใช่ปุ่มย้อนกลับแม้ว่า) ฉันไม่พบข้อมูลเกี่ยวกับสิ่งนี้ในบทแนะนำและบล็อกโพสต์ที่ฉันอ่าน ตัวอย่างพื้นฐานนี้ยังใช้งานไม่ได้สำหรับฉันที่มีปฏิกิริยาตอบสนองพื้นเมือง 0.4.2 ในเครื่องมือจำลอง ไม่สามารถลองบน iPhone ของฉันได้ <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={styles.instructions}> To get started, edit index.ios.js </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> <TextInput style={{height: 40, borderColor: 'gray', borderWidth: 1}} onEndEditing={this.clearFocus} /> …

448 react-native 

ฉันกำลังติดตามการสอนเกี่ยวกับเว็บไซต์ React Native อย่างเป็นทางการ ใช้สิ่งต่อไปนี้เพื่อสร้างโครงการของฉัน: react-native run-ios ฉันได้รับข้อผิดพลาด: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in PATH Command failed: xcrun instruments -s xcrun: error: unable to find utility "instruments", not a developer tool or in PATH แม้ว่าเมื่อฉันรันแอพจาก. xcodeproj ทุกอย่างก็ใช้ได้ดี ข้อเสนอแนะใด ๆ

394 javascript  ios  reactjs  react-native  ios-simulator 

ฉันพยายามเรียกใช้โปรเจค React Native ครั้งแรกเป็นครั้งแรกบนอุปกรณ์ของฉัน (Android 4.2.2) และฉันได้รับ: ไม่สามารถโหลดสคริปต์จากสินทรัพย์ index.android.bundle คำสั่งที่ฉันใช้: cd (project directory) react-native start react-native run-android

357 android  react-native  react-native-android 

ฉันจะบันทึกตัวแปรใน React Native ได้อย่างไรเช่นใช้console.logเมื่อพัฒนาสำหรับเว็บ

346 logging  react-native 

ฉันต้องการที่จะแทรกบรรทัดใหม่ (เช่น \ r \ n, <br />) ในองค์ประกอบข้อความใน React Native ถ้าฉันมี: <text><br /> Hi~<br > this is a test message.<br /> </text> จากนั้นตอบสนองการแสดงผลพื้นเมือง Hi~ this is a test message. เป็นไปได้ไหมที่จะแสดงข้อความเพื่อเพิ่มบรรทัดใหม่เช่น: Hi~ this is a test message.

336 javascript  text  react-native  newline 

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

311 javascript  mobile  react-native 

ฉันกำลังสร้างแอป React Native ฉันต้องการปรับแต่งไอคอนแอพ (หมายถึงไอคอนที่คุณคลิกเพื่อเริ่มแอป) ฉันได้ Googled สิ่งนี้ แต่ฉันค้นหาไอคอนประเภทต่าง ๆ ที่อ้างอิงถึงสิ่งต่าง ๆ ฉันจะเพิ่มไอคอนประเภทเหล่านี้ลงในแอพได้อย่างไร

271 icons  react-native 

วิธีการหนึ่งที่จะแก้ปัญหารหัสปฏิกิริยาของพวกเขากับชนพื้นเมืองในขณะที่แอปทำงานในแอพจำลอง?

265 android  ios  react-native  debugging 

ปิด คำถามนี้จะต้องมีมากขึ้นมุ่งเน้น ไม่ยอมรับคำตอบในขณะนี้ ต้องการปรับปรุงคำถามนี้หรือไม่ อัปเดตคำถามเพื่อให้มุ่งเน้นที่ปัญหาเดียวโดยแก้ไขโพสต์นี้ ปิดเมื่อปีที่แล้ว ปรับปรุงคำถามนี้ ฉันยังใหม่ในโลกของ React Native และโดยทั่วไปในโลกมือถือ / พื้นเมืองเช่นกันและฉันกำลังค้นหาเอกสารที่ขาดหายไปเล็กน้อยเมื่อพูดถึงการคงอยู่ของข้อมูล ฉันมีตัวเลือกอะไรสำหรับการจัดเก็บข้อมูลใน React Native และความหมายของแต่ละประเภท ตัวอย่างเช่นฉันเห็นว่ามีที่จัดเก็บในตัวเครื่องและที่เก็บข้อมูลแบบ async แต่ฉันก็เห็นสิ่งต่าง ๆ เช่นอาณาจักรและฉันสับสนว่าทั้งหมดนี้จะทำงานกับฐานข้อมูลภายนอกได้อย่างไร ฉันอยากรู้โดยเฉพาะ: ตัวเลือกต่าง ๆ สำหรับการคงอยู่ของข้อมูลคืออะไร? สำหรับแต่ละข้อ จำกัด ของการคงอยู่นั้นคืออะไร (เช่นเมื่อไม่มีข้อมูลอีกต่อไป) ตัวอย่างเช่น: เมื่อปิดแอปพลิเคชั่นรีสตาร์ทโทรศัพท์ ฯลฯ สำหรับแต่ละข้อมีความแตกต่าง (นอกเหนือจากการตั้งค่าทั่วไป) ระหว่างการติดตั้งใน iOS กับ Android หรือไม่ ตัวเลือกเปรียบเทียบสำหรับการเข้าถึงข้อมูลแบบออฟไลน์ได้อย่างไร (หรือการเข้าถึงแบบออฟไลน์โดยทั่วไปจัดการอย่างไร) มีข้อควรพิจารณาอื่น ๆ อีกไหมที่ฉันควรจำไว้? ขอบคุณสำหรับความช่วยเหลือของคุณ!

230 android  ios  react-native 

วิธีการจัดกึ่งกลางข้อความใน ReactNative ทั้งในแนวนอนและแนวตั้ง ฉันมีตัวอย่างแอปพลิเคชันใน rnplay.org โดยที่justifyContent = "center"และalignItems = "center"ไม่ทำงาน: https://rnplay.org/apps/AoxNKQ ข้อความควรอยู่กึ่งกลาง และทำไมถึงมีระยะห่างระหว่างข้อความ (สีเหลือง) และคอนเทนเนอร์หลัก? รหัส: 'use strict'; var React = require('react-native'); var { AppRegistry, StyleSheet, Text, Image, View, } = React; var SampleApp = React.createClass({ render: function() { return ( <View style={styles.container}> <View style={styles.topBox}> <Text style={styles.headline}>lorem ipsum{'\n'}ipsum lorem lorem</Text> …

212 reactjs  flexbox  react-native 

ฉันได้สร้างแอพของฉันแล้วฉันสามารถรันมันได้ที่อีมูเลเตอร์ในเครื่องของฉัน (และบนอุปกรณ์ Android ของฉันภายในเครือข่ายเดียวกันโดยเปลี่ยนเซิร์ฟเวอร์ดีบั๊ก) อย่างไรก็ตามฉันต้องการสร้าง APK ที่ฉันสามารถส่งถึงใครบางคนโดยไม่ต้องเข้าถึงเซิร์ฟเวอร์พัฒนาและฉันต้องการให้พวกเขาทดสอบแอปพลิเคชันได้ ฉันเห็นว่ามีส่วนหนึ่งที่ใช้การมัดแบบออฟไลน์บนส่วน iOS ของเอกสาร แต่ฉันไม่สามารถหาวิธีที่จะทำให้สำเร็จสำหรับ Android ได้ เป็นไปได้ไหม ถ้าเป็นเช่นนั้นได้อย่างไร อัปเดต:ในคำตอบสำหรับคำถามนี้ ( Android ไม่สามารถโหลดชุดบันเดิล JS ) ได้มีการกล่าวว่าสามารถดาวน์โหลดชุดรวมแบบออฟไลน์ได้จากเซิร์ฟเวอร์การพัฒนา แต่เมื่อฉันได้รับบันเดิลจากเซิร์ฟเวอร์การพัฒนาไฟล์รูปภาพไม่สามารถโหลดได้

210 javascript  android  react-native  mobile-application 

จากเว็บไซต์ Expo Expo ช่วยให้นักพัฒนาเว็บสามารถสร้างแอปที่แท้จริงที่ทำงานได้ทั้ง iOS และ Android โดยเขียนเพียงครั้งเดียวด้วย JavaScript นี่ไม่ใช่สิ่งที่ React Native ทำใช่หรือไม่ ความแตกต่างคืออะไร?

204 react-native  react-native-android  expo  react-native-ios  exponentjs 

ฉันได้อ่านการสอน flexbox หลายครั้งแล้ว แต่ฉันยังไม่สามารถทำงานง่าย ๆ นี้ได้ ฉันจะทำให้กล่องสีแดงกว้างถึง 100% ได้อย่างไร รหัส: <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Natives </Text> <Text style={styles.line1}> line1 </Text> <Text style={styles.instructions}> Press Cmd+R to reload,{'\n'} Cmd+D or shake for dev menu </Text> </View> รูปแบบ: container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', borderWidth: 1, …

203 flexbox  react-native 

ฉันกำหนดฟิลด์ TextInput สองฟิลด์ดังนี้: <TextInput style = {styles.titleInput} returnKeyType = {"next"} autoFocus = {true} placeholder = "Title" /> <TextInput style = {styles.descriptionInput} multiline = {true} maxLength = {200} placeholder = "Description" /> แต่หลังจากกดปุ่ม "ถัดไป" บนแป้นพิมพ์แอพตอบโต้พื้นเมืองของฉันจะไม่ข้ามไปที่ฟิลด์ TextInput อันที่สอง ฉันจะบรรลุสิ่งนั้นได้อย่างไร ขอบคุณ!

202 ios  react-native