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

ฉันใช้ React native กับ Android ฉันจะอัปเดตหมายเลขเวอร์ชันในแอปได้อย่างไร ขณะที่ฉันได้รับข้อผิดพลาดนี้ ฉันกำลังสร้างไฟล์ตาม url https://facebook.github.io/react-native/docs/signed-apk-android.html ฉันได้ลองแก้ไขไฟล์ AndroidManifest.xml แล้ว แต่หลังจากสร้างแล้วไฟล์นั้นจะถูกแก้ไขโดยอัตโนมัติ <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="1" android:versionName="1.0" > ที่นี่ฉันแก้ไข XML: <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" android:versionCode="2" android:versionName="1.1" > หลังจากนั้นไฟล์สร้างจะเปลี่ยนกลับโดยอัตโนมัติ

97 android  react-native 

ฉันได้ลองใช้แพ็คเกจreact-native-hr แล้ว - ไม่ได้ผลสำหรับฉันหรือบน Android หรือบน iOS โค้ดต่อไปนี้ไม่เหมาะเช่นกันเนื่องจากแสดงจุดสามจุดในตอนท้าย <Text numberOfLines={1}}> ______________________________________________________________ </Text>

97 react-native 

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

96 react-native  input-field 

ฉันได้ติดตั้งไลบรารีของบุคคลที่สามในโปรเจ็กต์ของฉันแล้ว แต่มันใช้งานไม่ได้ฉันจึงต้องการลบไลบรารีนั้นออกจากโปรเจ็กต์ของฉันฉันจะทำได้อย่างไร?

95 react-native 

ฉันต้องการใส่แถบสีขาวซึ่งจะใช้ความกว้างทั้งหมดที่ด้านล่างของหน้าจอ ในการทำเช่นนั้นฉันคิดเกี่ยวกับการใช้การabsoluteกำหนดตำแหน่งกับflexboxพารามิเตอร์ที่สืบทอดมา ด้วยรหัสต่อไปนี้จะแสดงผลบางอย่างเช่นนี้ นี่คือรหัสของฉัน: var NavigationBar = React.createClass({ render: function() { return( <View style={navigationBarStyles.navigationBar}> //Icon 1, Icon 2... </View> ); } }); var Main = React.createClass({ render: function() { return( <View style={mainStyles.container}> <NavigationBar /> </View> ); } }); var mainStyles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#456783', } }); …

95 javascript  css  react-native 

ฉันต้องการถามว่าตอบสนองอย่างไรที่จับแบบเนทีฟหรือทำฟอนต์ที่ตอบสนอง ตัวอย่างเช่นใน iphone 4s ฉันมี fontSize: 14 ในขณะที่ใน iphone 6 ฉันมี fontSize: 18

95 ios  reactjs  react-native 

ในการตอบสนองพื้นเมืองมีอย่างน้อยสามวิธีที่จะทำให้ปุ่ม: TouchableNativeFeedback, และTouchableHighlight TouchableOpacityนอกจากนี้ยังมีTouchableWithoutFeedbackซึ่งเอกสารระบุไว้อย่างชัดเจนว่าคุณไม่ควรใช้เนื่องจาก "องค์ประกอบทั้งหมดที่ตอบสนองต่อการกดควรมีการตอบสนองด้วยภาพเมื่อสัมผัส" TouchableNativeFeedbackเป็น Android เท่านั้นและ "แทนที่ View ด้วย RCTView อินสแตนซ์อื่น" TouchchableHighlight "เพิ่มมุมมองให้กับลำดับชั้นของมุมมอง" TouchableOpacityทำงาน "โดยไม่ต้องเปลี่ยนลำดับชั้นของมุมมอง" มีความแตกต่างที่สำคัญอื่น ๆ ระหว่างทั้งสามหรือไม่? หนึ่งในนั้นเป็นส่วนประกอบ goto หรือไม่? ในสิ่งที่กรณีที่คุณควรใช้TouchableHighlightมากกว่าTouchableOpacity? มีผลกระทบด้านประสิทธิภาพหรือไม่? ฉันกำลังเขียนแอปพลิเคชันอยู่ในขณะนี้และพบว่าทั้งสามมีความล่าช้าอย่างมากระหว่างการแตะและการกระทำ (ในกรณีนี้คือการเปลี่ยนแปลงการนำทาง) มีวิธีใดบ้างที่จะทำให้ปลากระพง?

94 react-native 

นี้โครงการของฉัน: https://github.com/kenpeter/my_hak_newsซึ่งเป็นสำเนาโดยตรงของhttps://github.com/grigio/HAgnostic-News Git clone https://github.com/kenpeter/my_hak_newsจากนั้นเรียกใช้react-native run-android รับข้อผิดพลาดนี้: * What went wrong: Execution failed for task ':app:installDebug'. > com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException: Failed to finalize session : INSTALL_FAILED_UPDATE_INCOMPATIBLE: Package com.hagnosticnews signatures do not match the previously installed version; ignoring! ปัญหาที่เกี่ยวข้อง: https://github.com/grigio/HAgnostic-News/issues/1ฉันทำตามวิธีต่างๆ แต่ไม่สามารถแก้ไขปัญหานี้ได้

94 android  reactjs  react-native 

ฉันต้องการเพิ่ม UI เฉพาะสำหรับการแก้ปัญหาในแอป React Native ของฉัน แต่ฉันไม่พบแฟล็กเวลาที่เทียบเท่าRCT_DEBUGหรือRCT_DEVคอมไพล์ในสภาพแวดล้อม JavaScript มีหรือเปล่า กรณีการใช้งาน: ฉันต้องการเพิ่มแถบสถานะที่แสดงจำนวนคำขอ HTTP ที่เริ่มต้นโดยแอปของฉัน เห็นได้ชัดว่านี่ไม่ใช่ส่วนหนึ่งของแอปการจัดส่ง แต่จะช่วยให้ฉันตรวจสอบงานของฉันได้ในระหว่างการพัฒนาและทดสอบ

93 javascript  ios  react-native 

ฉันต้องการให้divไม้ติดที่ด้านบนของหน้าจอโดยไม่มีผลกระทบใด ๆ ต่อองค์ประกอบอื่น ๆ และองค์ประกอบลูกอยู่ตรงกลาง .parent { display: flex; justify-content: center; position: absolute; } <div class="parent"> <div class="child">text</div> </div> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด เมื่อฉันเพิ่มposition: absoluteบรรทัดjustify-content: centerกลายเป็นไม่ถูกต้อง พวกเขาขัดแย้งกันหรือไม่และทางออกคืออะไร? แก้ไข ขอบคุณพวกมันเป็นปัญหาของความกว้างของผู้ปกครอง แต่ฉันอยู่ใน React Native ดังนั้นฉันจึงไม่สามารถตั้งค่าwidth: 100%ได้ พยายามflex: 1และalign-self: stretchทั้งสองไม่ทำงาน ฉันลงเอยด้วยการใช้Dimensionsเพื่อรับความกว้างเต็มของหน้าต่างและใช้งานได้ แก้ไข ขณะที่รุ่นใหม่ตอบสนองพื้นเมือง (ฉันกับ 0.49) width: 100%ก็ยอมรับ

93 css  react-native  flexbox 

มันดูเหมือนว่าจะมีposition:absoluteการใช้งานเป็นองค์ประกอบที่ไม่สามารถใช้เป็นศูนย์กลางหรือjustifyContent alignItemsมีวิธีแก้ปัญหาในการใช้งานmarginLeftแต่ไม่ได้แสดงเหมือนกันสำหรับอุปกรณ์ทั้งหมดแม้จะใช้ขนาดเพื่อตรวจจับความสูงและความกว้างของอุปกรณ์ bottom: { position: 'absolute', justifyContent: 'center', alignItems: 'center', top: height*0.93, marginLeft: width*0.18, }, bottomNav: { flexDirection: 'row', },

93 position  react-native  flexbox  absolute 

ฉันเป็นคนใหม่ในการตอบสนองพื้นเมืองและฉันต้องการเปิดurlในเบราว์เซอร์เริ่มต้นเช่น Chrome ใน Android และ iPhoneทั้งคู่ เราเปิด url ผ่านทางความตั้งใจใน Android เช่นเดียวกับฟังก์ชันที่ฉันต้องการบรรลุ ฉันมีการค้นหาหลายครั้ง แต่ก็จะให้ฉันผลมาจากการDeepklinking

93 android  ios  react-native 

สาเหตุของปัญหาต่อไปนี้คืออะไร? ไม่รองรับเวอร์ชัน Android SDK ของฉันหรือไม่ Starting JS server... Building and installing the app on the device (cd android && gradlew.bat installDebug)... FAILURE: Build failed with an exception. * What went wrong: A problem occurred configuring project ':app'. > failed to find Build Tools revision 23.0.1

92 javascript  android  reactjs  react-native 

การป้อนข้อความอยู่ในแนวกึ่งกลางวิธีแก้ไขการป้อนข้อความนี้เพื่อให้รับข้อมูลจากมุมบนซ้าย นี่คือ css ของฉันสำหรับการป้อนข้อความ /* The Text input is center aligned, how to fix this text input so that it takes input from top left corner */ input: { flex: 1, padding: 4, marginRight: 1, marginTop: 5, fontSize: 18, borderWidth: 1, borderRadius: 4, borderColor: '#E6E5ED', backgroundColor: '#F8F8F9', justifyContent: 'flex-start', height: …

91 javascript  ios  reactjs  react-native 

แนวทางปฏิบัติที่ดีที่สุดในการทริกเกอร์เหตุการณ์เมื่อ Animated.spring เสร็จสิ้นคืออะไร Animated.spring(this.state.pan, { toValue: 0 }).start() ฉันค้นหามาพอสมควรแล้วและยังไม่พบวิธีเดียวที่จะทำได้ ฉันสามารถใช้ addListener เพื่อตรวจสอบว่าภาพเคลื่อนไหวถึงค่าสิ้นสุดหรือหมดเวลาหรือไม่ แต่ทั้งคู่รู้สึกเหมือนเป็นการแก้ไขที่น่าเกลียดสำหรับสิ่งที่ควรจะง่ายมาก มีใครรู้บ้าง?

91 react-native