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

ฉันเคยเห็นแฮ็คนี้สำหรับแอปเนทีฟเพื่อเลื่อนหน้าต่างโดยอัตโนมัติ แต่สงสัยว่าจะทำอย่างไรใน React Native ที่ดีที่สุด ... เมื่อ<TextInput>ฟิลด์ได้รับโฟกัสและอยู่ในตำแหน่งต่ำในมุมมองแป้นพิมพ์จะปกปิดฟิลด์ข้อความ คุณสามารถดูปัญหานี้ได้ในตัวอย่างTextInputExample.jsมุมมองของ UIExplorer ใครมีวิธีแก้ดีๆ

90 javascript  react-native 

สำหรับแอปที่คล้ายการแชทฉันต้องการให้ScrollViewส่วนประกอบเลื่อนไปที่ด้านล่างเนื่องจากข้อความใหม่ล่าสุดจะปรากฏอยู่ใต้แอปที่เก่ากว่า เราสามารถปรับตำแหน่งเลื่อนของ a ScrollView?

90 react-native 

ฉันได้เริ่มโครงการ React Native ใหม่แล้วและได้รับคำเตือนต่อไปนี้: ตัวแก้ไขจุดบกพร่องระยะไกลอยู่ในแท็บพื้นหลังซึ่งอาจทำให้แอปทำงานช้า แก้ไขปัญหานี้โดยการวางแท็บไว้ข้างหน้า (หรือเปิดในหน้าต่างแยกต่างหาก) มันค่อนข้างน่ารำคาญฉันเลยอยากรู้ว่าจะกำจัดมันได้อย่างไร? ฉันใช้งานดีบักเกอร์ใน Chrome และย้ายไปยังหน้าต่างแยกต่างหาก แต่ก็ไม่ได้ช่วยอะไร

89 react-native 

ซึ่งแตกต่างจาก ListView ที่เราสามารถอัปเดต this.state.datasource มีวิธีการหรือตัวอย่างในการอัปเดต FlatList หรือ re-render หรือไม่? เป้าหมายของฉันคืออัปเดตค่าข้อความเมื่อผู้ใช้กดปุ่ม ... renderEntries({ item, index }) { return( <TouchableHighlight onPress={()=> this.setState({value: this.state.data[index].value+1})> <Text>{this.state.data[index].value}</Text> </TouchableHighlight> ) } <FlatList ref={(ref) => { this.list = ref; }} keyExtractor={(item) => item.entry.entryId} data={this.state.data} renderItem={this.renderEntries.bind(this)} horizontal={false} />

88 reactjs  react-native  react-native-flatlist 

ฉันใช้ react native navigation (react-navigation) StackNavigator เริ่มต้นจากหน้าเข้าสู่ระบบตลอดวงจรชีวิตทั้งหมดของแอป ฉันไม่ต้องการมีตัวเลือกย้อนกลับกลับไปที่หน้าจอเข้าสู่ระบบ ไม่มีใครรู้ว่ามันซ่อนอยู่บนหน้าจอหลังหน้าจอล็อกอินได้อย่างไร? BTW ฉันซ่อนมันไว้ในหน้าจอเข้าสู่ระบบโดยใช้: const MainStack = StackNavigator({ Login: { screen: Login, navigationOptions: { title: "Login", header: { visible: false, }, }, }, // ... other screens here })

87 reactjs  react-native  navigation  react-navigation 

วิธีตั้งค่า<Text> some text </Text>เป็นตัวพิมพ์ใหญ่ใน react native <Text style={{}}> Test </Text> ต้องแสดงการทดสอบนั้นเป็นการทดสอบ

86 react-native 

ฉันเพิ่งอัปเดตเป็น RN v0.62 และแอปที่รันบน iOS ทำให้ฉันมีข้อผิดพลาดในการติดตาม !] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In snapshot (Podfile.lock): ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`) None of your spec sources contain a spec satisfying the dependency: `ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)`. ฉันลบ node_modules ทั้งหมดและทำ npm i ฉันยังติดตั้งพ็อดในไดเรกทอรี iOS แต่ปัญหายังคงอยู่ ฉันยังอัปเดต …

42 react-native  cocoapods 

ฉันได้รับข้อผิดพลาดนี้หลังจากเรียกใช้แอพของฉัน: ข้อผิดพลาด: การรวมกลุ่มล้มเหลว: ข้อผิดพลาด: ไม่สามารถแก้ไขโมดูลได้react-native-safe-area-contextจากnode_modules/react-navigation-stack/lib/module/vendor/views/Stack/StackView.js: ไม่พบการตอบสนองภายในพื้นที่ปลอดภัยบริบทภายในโครงการ แต่สิ่งเดียวกันกับที่ฉันได้ทำเพื่อการสาธิตเก่าของฉัน มันทำงานได้ดีอย่างสมบูรณ์ ฉันไม่รู้ว่าฉันทำอะไรผิดที่นี่ กรุณาตรวจสอบรหัสของฉัน: สำหรับการติดตั้ง: ตอบสนองเนทิฟนำทางและตัวจัดการท่าทาง: npm install --save react-navigation npm install --save react-native-gesture-handler ตอบโต้ Native Stack: npm install --save react-navigation-stack App.js import { createAppContainer } from "react-navigation"; import { createStackNavigator } from "react-navigation-stack"; import FirstOptionsPage from "./FirstOptionsPage"; const MainNavigator = createStackNavigator( { FirstOptions: …

42 react-native  react-native-android  react-native-ios  react-native-navigation 

หลังจากอัปเกรดเป็น 0.61 พื้นเมืองฉันได้รับคำเตือนมากมายดังนี้: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. อะไรคือสิ่งVirtualizedList-backed containerที่ฉันควรใช้และทำไมตอนนี้แนะนำให้ไม่ใช้เช่นนั้น?

38 javascript  reactjs  react-native 

ข้อผิดพลาด: ระบบ / ไลบรารี / กรอบ / Ruby.framework / รุ่น / 2.3 / usr / bin / ruby: ล่ามที่ไม่ดี: ไม่มีไฟล์หรือไดเรกทอรีดังกล่าว ใน mac os catalina

28 ios  react-native  installation  pod  macos-catalina 

บนreact-native init ProjectNameไฟล์แอพหลักApp.jsมีการประกาศของส่วนประกอบด้วยวิธีดังต่อไปนี้ const App: () => React$Node = () => {...} คำแนะนำนี้หมายความว่าอย่างไร ฉันหมายความว่าฉันใช้องค์ประกอบตามที่กำหนดไว้ดังนั้นฉันไม่เข้าใจโดยเฉพาะอย่างยิ่งการแสดงออกในระหว่างconst App = () => {...}: () => React$Node

23 javascript  reactjs  react-native 

ฉันมีคำถามที่โง่มากโครงการ xcode ของฉันไม่มีการตั้งค่าสำหรับเปิดแหล่งรูปภาพฉันได้เพิ่มรูปภาพหน้าจอสแปลของฉันไปที่Images.xcassets -> LaunchImageแต่ในโครงการเป้าหมายทั่วไป -> ไอคอนแอปและเปิดรูปภาพไม่ ไม่มีการตั้งค่าสำหรับLaunch Image Source

21 ios  swift  xcode  react-native 

เรากำลังใช้ React Native 0.59.10และ React-Redux 5.0.7และกำลังประสบปัญหาประสิทธิภาพการทำงานของ CPU ซึ่งการกระทำของ Redux ของเราใช้เวลาประมาณ 0.25 วินาทีในการดำเนินการให้เสร็จสมบูรณ์ เราได้ทำโปรไฟล์โดยใช้การกำหนดค่า Time Profiler ใน Instruments แต่ไม่มีรหัส JS ของเราที่เป็นสัญลักษณ์ การดีบักจากระยะไกลใน Chrome ดูเหมือนว่าจะดีบั๊กหน้า "ตัวตรวจสอบระยะไกล" ซึ่งไม่ช่วยเหลือทั้งหมด มีวิธีการสร้าง / แนบแผนที่แหล่งที่มาหรือสัญลักษณ์ที่อยู่หน่วยความจำที่เห็นด้านล่างเพื่อชื่อฟังก์ชั่น JS / โทร?

19 javascript  ios  xcode  react-native  instruments 

หลังจากรีโหลดแอปของฉันหยุดโหลด ฉันได้ลองทั้งอีมูเลเตอร์และ devives จริง 2 ตัว, android และ ios ข้อผิดพลาดคือ: ข้อผิดพลาด: ไม่สามารถแก้ไขโมดูล./debugger-ui/debuggerWorker.d9da4ed7จาก ``: และบางครั้งฉันจะได้รับข้อผิดพลาด 'ไม่สามารถค้นหาอินสแตนซ์' ฉันได้ลองทำสิ่งต่อไปนี้แล้ว: watchman watch-del-allนาฬิกายามชัดเจน ลบnode_modulesโฟลเดอร์: rm -rf node_modules && npm install. รีเซ็ตแคชเมโทร Bundler: หรือrm -rf /tmp/metro-bundler-cache-*npm start -- --reset-cache ลบแคชเร่งด่วน: rm -rf /tmp/haste-map-react-native-packager-*. รีสตาร์ทคอมพิวเตอร์ Expo CLI 3.11.3 environment info: System: OS: macOS 10.15.2 Shell: 5.7.1 - …

16 react-native  expo 

การอัปเดต iOS 13 ใหม่แนะนำตัวเลือกทั้งระบบ นี่เป็นสาเหตุเช่นแถบสถานะจะมีข้อความสีอ่อนซึ่งอาจไม่สามารถอ่านได้บนพื้นหลังสีขาว นอกจากนี้ยังแบ่ง iOS Datetime Picker (ดูDatePickerIOS หรือreact-native-modal-datetime-picker )

15 react-native  ios13  ios-darkmode