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

ฉันจะแสดงไฮเปอร์ลิงก์ในแอป React Native ได้อย่างไร เช่น <a href="https://google.com>Google</a>

118 javascript  react-native 

เมื่อฉันรันreact-native run-iosบิลด์สำเร็จ แต่ฉันได้รับข้อผิดพลาดด้านล่าง ฉันตรวจสอบทุกที่แล้ว แต่ดูเหมือนจะไม่มีอะไรทำงาน การใช้sudoหน้าคำสั่งก็ไม่ช่วยเช่นกัน ฉันใช้ Xcode 7.3, react-native-cli: 0.2.0, react-native: 0.24.1, node v5.11.0 === BUILD TARGET mobileTests OF PROJECT mobile WITH CONFIGURATION Release === Check dependencies ** BUILD SUCCEEDED ** Installing build/Build/Products/Debug-iphonesimulator/mobile.app An error was encountered processing the command (domain=NSPOSIXErrorDomain, code=2): Failed to install the requested application An …

117 ios  reactjs  react-native 

ฉันเพิ่งติดตั้ง node.js & cli ติดตั้ง node.js ติดตั้ง react-native-cli npm -g react-native-cli และสร้าง 'โครงการใหม่' react-native init new_project และภายในไดเร็กทอรี 'new_project' นั้นฉันเบื่อที่จะดูว่าเมโทรบันเดิลทำงานได้ดีหรือไม่ react-native start แต่คำสั่งทำให้ฉันมีข้อผิดพลาดต่อไปนี้และรถไฟใต้ดินไม่เริ่มทำงาน มีเงื่อนงำในการแก้ไขข้อผิดพลาดนี้หรือไม่? (ฉันใช้ windows 10 OS) คำสั่ง: C:\projects\new_proj>react-native start error นิพจน์ทั่วไปไม่ถูกต้อง: /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: คลาสอักขระที่ไม่สิ้นสุด เรียกใช้ CLI ด้วย --verbose flag สำหรับรายละเอียดเพิ่มเติม SyntaxError: นิพจน์ทั่วไปไม่ถูกต้อง: /(.\fixtures.|node_modules[]react[]dist[].|website\node_modules.|heapCapture\bundle.js|.\tests.)$/: คลาสอักขระที่ไม่สิ้นสุดที่ RegExp ใหม่ ( ) ที่บัญชีดำ (D: …

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

ฉันต้องการดูคำขอเครือข่ายของฉันใน React Native เพื่อช่วยฉันในการดีบัก - ควรอยู่ในแท็บ 'เครือข่าย' ของเครื่องมือพัฒนาของ Chrome มีปัญหาปิดเกี่ยวกับเรื่องนี้ใน GitHub ( https://github.com/facebook/react-native/issues/4122และhttps://github.com/facebook/react-native/issues/934 ) แต่ฉันไม่ t เข้าใจพวกเขาทั้งหมด ดูเหมือนว่าฉันจำเป็นต้องเลิกทำ polyfills ของ React Native จากนั้นเรียกใช้คำสั่งบางอย่างด้วยแฟล็กการดีบักพิเศษและอาจแก้ไขการตั้งค่าความปลอดภัยของ Chrome และเห็นได้ชัดว่ามีปัญหาด้านความปลอดภัยบางอย่างที่เกี่ยวข้องกับการทำสิ่งนี้ซึ่งอาจทำให้เป็นความคิดที่แย่มาก แต่ไม่มีใครเกี่ยวข้องกับเธรดได้ระบุอย่างชัดเจนว่าพวกเขาคืออะไร ใครช่วยให้คำแนะนำทีละขั้นตอนในการทำให้แท็บเครือข่ายทำงานร่วมกับ React Native ตลอดจนคำอธิบายเกี่ยวกับปัญหาด้านความปลอดภัยที่เกี่ยวข้องในการดำเนินการดังกล่าว

116 javascript  google-chrome-devtools  react-native 

พิจารณาตัวอย่างตะขอด้านล่าง import { useState } from 'react'; function Example() { const [count, setCount] = useState(0); return ( <div> <p>You clicked {count} times</p> <button onClick={() => setCount(count + 1)}> Click me </button> </div> ); } โดยทั่วไปเราใช้เมธอด this.forceUpdate () เพื่อบังคับให้คอมโพเนนต์แสดงผลซ้ำทันทีในคอมโพเนนต์คลาส React ดังตัวอย่างด้านล่าง class Test extends Component{ constructor(props){ super(props); this.state = { count:0, …

116 javascript  reactjs  react-native  react-hooks 

เป็นไปได้ไหมที่จะได้รับตำแหน่งการเลื่อนปัจจุบันหรือหน้าปัจจุบันของ<ScrollView>ส่วนประกอบใน React Native สิ่งที่ชอบ: <ScrollView horizontal={true} pagingEnabled={true} onScrollAnimationEnd={() => { // get this scrollview's current page or x/y scroll position }}> this.state.data.map(function(e, i) { <ImageCt key={i}></ImageCt> }) </ScrollView>

115 ios  reactjs  react-native 

ฉันกำลังพยายามให้ES6 react-native-webpack-serverทำงานบนโปรแกรมจำลอง Android ความแตกต่างคือฉันได้อัปเกรดpackage.jsonและbuild.gradeใช้การตอบสนอง0.18.0และได้รับข้อผิดพลาดนี้เมื่อบูต เท่าที่ฉันทราบAppRegistryมีการนำเข้าอย่างถูกต้อง แม้ว่าฉันจะแสดงความคิดเห็นเกี่ยวกับรหัสข้อผิดพลาดนี้ก็ยังเกิดขึ้น สิ่งนี้ใช้ได้กับ iOS โดยไม่มีปัญหา ผมทำอะไรผิดหรือเปล่า? แก้ไข: หลังจากลองใช้หม้อไอน้ำอื่น ๆ ที่รองรับ 0.18.0 แล้วฉันยังคงพบปัญหาเดียวกัน

114 android  react-native  webpack 

ฉันกำลังจะอัปเกรด react-native แต่ก่อนจะทำฉันจำเป็นต้องทราบว่าฉันกำลังอัปเกรดเวอร์ชันใดเพื่อดูว่ามีบันทึกพิเศษเกี่ยวกับการอัปเกรดจากเวอร์ชันของฉันหรือไม่ ฉันจะค้นหาเวอร์ชันของ react-native ที่ฉันติดตั้งบน Mac ได้อย่างไร

114 react-native 

ฉันจะทำให้คำเดียวในช่องข้อความเป็นตัวหนาหรือตัวเอียงได้อย่างไร ประเภทนี้: <Text>This is a sentence <b>with</b> one word in bold</Text> ถ้าฉันสร้างช่องข้อความใหม่สำหรับอักขระตัวหนามันจะแยกมันออกไปอีกบรรทัดดังนั้นนั่นไม่ใช่วิธีที่จะทำอย่างแน่นอน ก็เหมือนกับการสร้างแท็ก <p> ภายในแท็ก <p> เพียงเพื่อทำให้คำหนึ่งคำเป็นตัวหนา

113 react-native 

เมื่อติดตั้ง'react-native init AwesomeProject'ฉันได้รับข้อผิดพลาดนี้เมื่อเรียกใช้react-native run-android: Could not determine java version from '11.0.1'. Google ด่วนแนะนำว่าฉันต้องอัปเดตdistributionUrlใน Gradle-wrapper หลังจากทำสิ่งนี้แล้วฉันพบกับข้อผิดพลาดใหม่: Cannot add task 'wrapper' as a task with that name already exists. แนะนำว่าปัญหาอยู่ในไฟล์: /AwesomeProject/android/build.gradle' line: 36 ซึ่งมีลักษณะเช่นนี้ task wrapper(type: Wrapper) { gradleVersion = '4.4' distributionUrl = distributionUrl.replace("bin", "all") } ฉันกลับไปกลับมาพยายามคิดว่าสิ่งนี้ทำอย่างไร ดูเหมือนจะแปลกที่มีบางอย่างไม่สามารถใช้งานได้ทันที มีใครประสบปัญหาคล้าย ๆ กันไหม

112 android  reactjs  react-native  wrapper  expo 

ฉันต้องการแสดงไฟล์ svg (ฉันมีภาพ svg มากมาย) แต่สิ่งที่ฉันหาวิธีแสดงไม่เจอ ฉันพยายามใช้ส่วนประกอบImage and Useของreact-native-svgแต่ไม่ได้ผล และฉันพยายามทำด้วยวิธีดั้งเดิม แต่มันยากมากที่จะแสดงแค่ภาพ svg รหัสตัวอย่าง: import Svg, { Use, Image, } from 'react-native-svg'; <View> <Svg width="80" height="80"> <Image href={require('./svg/1f604.svg')} /> </SvgRn> </View> นอกจากนี้ฉันรู้ว่า react native ไม่รองรับ svg โดยทั่วไป แต่ฉันคิดว่ามีคนแก้ไขปัญหานี้ด้วยวิธีที่ยุ่งยาก (มี / ไม่มี react-native-svg)

111 javascript  svg  react-native 

ฉันมีพารามิเตอร์บางอย่างที่ฉันต้องการโพสต์รูปแบบที่เข้ารหัสไปยังเซิร์ฟเวอร์ของฉัน: { 'userName': 'test@gmail.com', 'password': 'Password!', 'grant_type': 'password' } ฉันส่งคำขอของฉัน (ขณะนี้ไม่มีพารามิเตอร์) เช่นนี้ var obj = { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8', }, }; fetch('https://example.com/login', obj) .then(function(res) { // Do stuff with result }); ฉันจะรวมพารามิเตอร์ที่เข้ารหัสแบบฟอร์มในคำขอได้อย่างไร

111 javascript  http-post  react-native  fetch-api 

ฉันกำลังทำงานกับ MacOS และเพิ่งเริ่มต้นด้วยreact-nativeไฟล์. หนึ่งในขั้นตอนแรกในการเริ่มต้นคือการทำงาน: หรือreact-native run-android react-native run-iosแต่ฉันได้รับข้อผิดพลาดนี้: react-native run-android ผลลัพธ์: Scanning folders for symlinks in /Users/ric/myprojs/albums/node_modules (6ms) Starting JS server... Building and installing the app on the device (cd android && ./gradlew installDebug)... FAILURE: Build failed with an exception. * What went wrong: Could not determine java version from …

109 react-native  gradle 

ประโยชน์ของการใช้StyleSheet.create()vs วัตถุธรรมดาคืออะไร? const styles = StyleSheet.create({ container: { flex: 1 } } เทียบกับ const styles = { container: { flex: 1 } }

109 react-native 

ฉันต้องการทำสิ่งต่อไปนี้ แต่มีบรรทัดเดียวถ้าเป็นไปได้: import Module from './Module/Module;' export Module; ฉันลองทำสิ่งต่อไปนี้แล้ว แต่ดูเหมือนจะไม่ได้ผล: export Module from './Module/Module;

108 react-native  ecmascript-6  import