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

ฉันเพิ่งอัปเกรด React Native ของฉันและตอนนี้โปรแกรมจำลอง iOS มีคำเตือนมากมาย นอกจากการแก้ไขแล้วฉันจะซ่อนคำเตือนเหล่านี้ได้อย่างไรเพื่อให้ฉันเห็นว่ามีอะไรอยู่ข้างใต้

108 ios  react-native  show-hide 

ฉันกำลังเจอปัญหาแปลก ๆ ในแอปตอบกลับของฉันหากฉันตั้งค่าonPressเหตุการณ์เป็นViewมันจะไม่ถูกทริกเกอร์ แต่ถ้าฉันตั้งค่าให้เหมือนกันTextภายในViewแอปจะเริ่มทำงาน ฉันขาดอะไรไปที่นี่? <View style={{backgroundColor: "red", padding: 20}}> <Text onPress={()=> { console.log('works'); } }>X</Text> </View> <View style={{backgroundColor: "red", padding: 20}} onPress={()=> { console.log('does not work'); } }> <Text>X</Text> </View> ทำไมจึงเป็นเช่นนั้น? นี่เป็นปัญหากับ React Native หรือไม่ ฉันใช้เวอร์ชัน 0.43

108 react-native  react-native-android 

มันเป็นไปได้ที่จะเรียกใช้โปรแกรมประยุกต์ตอบสนองพื้นเมืองบนอุปกรณ์ iOS ของคุณโดยตรงจากบรรทัดคำสั่งเหมือนที่เราทำในการจำลองด้วยreact-native run ios --simulator "iPhone 5s"?

108 ios  react-native 

ฉันจะสร้าง<Text />แนวตั้ง (หมุน 90 องศา) ในปฏิกิริยาเนทีฟได้อย่างไร ฉันต้องการให้มีข้อความทางด้านขวาของหน้าตามขอบหน้าจอ

108 react-native 

ฉันจะรับความกว้างของหน้าจอใน React native ได้อย่างไร (ฉันต้องการเพราะฉันใช้ส่วนประกอบสัมบูรณ์บางอย่างที่ทับซ้อนกันและตำแหน่งบนหน้าจอเปลี่ยนไปตามอุปกรณ์ต่างๆ)

106 react-native 

ฉันกำลังทำงานกับแอป React Native และฉันกำลังพยายามตั้งค่าหน้าจอเรียกใช้แบบปรับแต่ง แต่ไม่สามารถทำได้ React Native สร้าง LaunchScreen.xib ตามค่าเริ่มต้นดังนั้นฉันจึงสร้าง LaunchImage ภายใน Images.xcassets: ฉันได้อ่านว่าฉันได้แก้ไข "Launch Screen File" ภายใต้ "App Icons and Launch Images" ในตัวเลือกของฉัน: เมื่อฉันทำเสร็จแล้วหน้าจอเริ่มต้นของฉันจะกลายเป็นสีดำโดยสิ้นเชิงและเมื่อโหลดแอปจะมีทั้งกรอบสีดำด้านบนและด้านล่าง: ดังนั้นฉันจึงไม่รู้ว่าฉันต้องทำอะไรเพื่อตั้งค่าหน้าจอเปิดตัวในโครงการ React Native ฉันจะขอบคุณถ้ามีใครสามารถช่วยฉันแก้ปัญหาเหล่านั้นได้ ขอบคุณล่วงหน้า.

105 ios  xcode  react-native  asset-catalog 

ฉันมี TextInput แทนที่จะแสดงข้อความจริงที่ป้อนฉันต้องการให้แสดงเครื่องหมายดอกจัน (****) เมื่อผู้ใช้ป้อนข้อความ ฉันจะทำเช่นนี้ได้อย่างไร? <TextInput style={{ height: 40, borderColor: 'gray', borderWidth: 1 }} onChangeText={(text) => this.setState({input: text})} />

105 react-native 

ฉันกำลังสร้างแบบฟอร์มใน React Native และต้องการทำให้TextInput80% ของความกว้างหน้าจอ ด้วย HTML และ CSS ธรรมดาสิ่งนี้จะตรงไปตรงมา: input { display: block; width: 80%; margin: auto; } ยกเว้นว่า React Native ไม่รองรับdisplayคุณสมบัติเปอร์เซ็นต์ความกว้างหรือระยะขอบอัตโนมัติ แล้วฉันจะทำอย่างไรดี? มีการอภิปรายเกี่ยวกับปัญหานี้ในเครื่องมือติดตามปัญหาของ React Native แต่วิธีแก้ปัญหาที่เสนอดูเหมือนเป็นการแฮ็กที่น่ารังเกียจ

105 javascript  css  reactjs  react-native 

ฉันสร้างแอพด้วยReactNativeทั้งสำหรับ iOS และ Android ด้วยไฟล์ListView. เมื่อเติมข้อมูลมุมมองรายการด้วยแหล่งข้อมูลที่ถูกต้องคำเตือนต่อไปนี้จะพิมพ์ที่ด้านล่างของหน้าจอ: คำเตือน: ลูกแต่ละคนในอาร์เรย์หรือตัววนซ้ำควรมีเสา "คีย์" เฉพาะ ListViewตรวจสอบการแสดงผลของวิธีการ คำเตือนนี้มีจุดประสงค์อะไร? หลังจากข้อความพวกเขาเชื่อมโยงไปยังหน้านี้ซึ่งจะมีการพูดคุยถึงสิ่งที่แตกต่างกันโดยสมบูรณ์ซึ่งไม่มีส่วนเกี่ยวข้องกับ react native แต่ใช้ reactjs บนเว็บ My ListView สร้างขึ้นด้วยคำสั่งเหล่านี้: render() { var store = this.props.store; return ( <ListView dataSource={this.state.dataSource} renderHeader={this.renderHeader.bind(this)} renderRow={this.renderDetailItem.bind(this)} renderSeparator={this.renderSeparator.bind(this)} style={styles.listView} /> ); } แหล่งข้อมูลของฉันประกอบด้วยสิ่งต่างๆเช่น: var detailItems = []; detailItems.push( new DetailItem('plain', store.address) ); detailItems.push( new …

105 facebook  listview  reactjs  react-native 

ฉันต้องการสนับสนุนเฉพาะมุมมองแนวตั้งเท่านั้น ฉันจะสร้างแอป React Native ไม่ให้หมุนอัตโนมัติได้อย่างไร ฉันพยายามค้นหาเอกสารและปัญหา Github แต่ไม่พบสิ่งใดที่เป็นประโยชน์

104 ios  react-native 

ฉันจะจัดเก็บไฟล์ในเครื่องเช่น JSON แล้วดึงข้อมูลจากคอนโทรลเลอร์ได้อย่างไร

103 json  react-native  local-files 

ฉันจำเป็นต้องมีTextInputองค์ประกอบReact Native ที่อนุญาตให้ป้อนเฉพาะอักขระตัวเลข (0 - 9) เท่านั้น ฉันสามารถตั้งค่าkeyboardTypeเพื่อnumericที่เกือบจะได้รับฉันมีสำหรับการป้อนข้อมูลยกเว้นสำหรับรอบระยะเวลา (.) อย่างไรก็ตามสิ่งนี้ไม่สามารถหยุดการวางอักขระที่ไม่ใช่ตัวเลขลงในฟิลด์ได้ สิ่งที่ฉันคิดขึ้นมาคือการใช้OnChangeTextเหตุการณ์เพื่อดูข้อความที่ป้อน ฉันลบอักขระที่ไม่ใช่ตัวเลขออกจากข้อความ จากนั้นใส่ข้อความในฟิลด์สถานะ จากนั้นปรับปรุงTextInputผ่านมันของValueสถานที่ให้บริการ ข้อมูลโค้ดด้านล่าง <TextInput style={styles.textInput} keyboardType = 'numeric' onChangeText = {(text)=> this.onChanged(text)} value = {this.state.myNumber} /> onTextChanged(text) { // code to remove non-numeric characters from text this.setState({myNumber: text}) } ดูเหมือนจะใช้งานได้ แต่ดูเหมือนว่าเป็นการแฮ็ก มีวิธีอื่นในการทำเช่นนี้หรือไม่?

101 react-native 

ฉันใหม่กับ React และฉันเข้าใจประโยชน์ของสไตล์อินไลน์ที่อิงองค์ประกอบ แต่ฉันสงสัยว่ามีวิธีที่ดีในการมีสไตล์ระดับโลกบ้างไหม ตัวอย่างเช่นฉันต้องการใช้การระบายสีข้อความและปุ่มเดียวกันในแอปของฉัน แทนที่จะทำซ้ำในทุกองค์ประกอบ (และต่อมาต้องเปลี่ยนใน x ตำแหน่งหากจำเป็น) ความคิดเริ่มต้นของฉันคือการสร้างคลาส StyleSheet 'ฐาน' ในไฟล์ของตัวเองและนำเข้าในส่วนประกอบของฉัน มีวิธีที่ดีกว่าหรือมากกว่านั้น?

101 react-native 

ใน React Native borderRadiusกำลังทำงาน แต่สีพื้นหลังที่ให้กับปุ่มยังคงเป็นสี่เหลี่ยมจัตุรัส เกิดขึ้นที่นี่คืออะไร? JS <TouchableHighlight style={styles.submit} onPress={() => this.submitSuggestion(this.props)} underlayColor='#fff'> <Text style={[this.getFontSize(),styles.submitText]}>Submit</Text> </TouchableHighlight> สไตล์ ... submit:{ marginRight:40, marginLeft:40, marginTop:10, }, submitText:{ paddingTop:20, paddingBottom:20, color:'#fff', textAlign:'center', backgroundColor:'#68a0cf', borderRadius: 10, borderWidth: 1, borderColor: '#fff' }, ...

100 javascript  styles  react-native 

มีการเทียบเท่ากับ CSS นี้ใน React Native หรือไม่เพื่อให้แอปใช้แบบอักษรเดียวกันทุกที่ body { font-family: 'Open Sans'; } การนำไปใช้ด้วยตนเองในทุกโหนดข้อความดูเหมือนจะซับซ้อนเกินไป

100 react-native