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

ฉันเพิ่งเริ่มใช้ TypeScript กับ Expo ฉันได้ทำการผสานรวมของ linter / formatter ทั้งหมดแล้วtypescript-eslintดังนั้นฉันจึงสามารถตรวจจับข้อผิดพลาดส่วนใหญ่ระหว่างการเขียนโค้ดได้ เพื่อตรวจสอบว่ารหัสรวบรวมฉันเรียกใช้npx tscทุกครั้งและแก้ไขตาม สิ่งหนึ่งที่ฉันยังไม่เข้าใจก็คือสาเหตุที่แอปของฉันสร้างสำเร็จแม้ในขณะที่มีข้อผิดพลาดในการรวบรวมจำนวนมาก ฉันคาดหวัง (และชอบ) เพื่อดูข้อผิดพลาดหน้าจอสีแดงสำหรับทุกข้อผิดพลาดในการรวบรวมมากกว่าการสร้างแอปสำเร็จและฉันพบมันในภายหลัง ตัวอย่างเช่น, function square<T>(x: T): T { console.log(x.length); // error TS2339: Property 'length' does not exist on type 'T'. return x * x; } เป็นข้อผิดพลาด TypeScript ทั่วไปที่ (ฉันเชื่อ?) สามารถตรวจสอบได้อย่างง่ายดายในเวลารวบรวม ฉันต้องการให้มันเกิดข้อผิดพลาดของหน้าจอสีแดงขนาดใหญ่และการสร้างล้มเหลว ฉันค่อนข้างใหม่กับ TypeScript ดังนั้นจึงเป็นไปได้ว่าฉันขาดอะไรที่สำคัญมากไป อะไรเป็นสาเหตุของความผ่อนปรนนี้และมีวิธีบังคับใช้เช็คที่เข้มงวดกว่านี้หรือไม่?

15 reactjs  typescript  react-native  expo 

ฉันได้ติดตาม mac android เริ่มต้นใช้งาน แต่เมื่อฉันรัน-android มันล้มเหลวด้วยข้อผิดพลาดต่อไปนี้ ฉันพยายามหาคำตอบออนไลน์ แต่ฉันไม่สามารถหาทางแก้ไขได้ ฉันได้ทำให้แน่ใจว่าฉันมี java jdk8 ที่ถูกต้องติดตั้งบนเครื่องของฉัน แต่ฉันยังคงได้รับข้อผิดพลาดนี้ คำแนะนำใด ๆ ที่ชื่นชมอย่างมาก! > startup failed: General error during semantic analysis: Unsupported class file major version 57 java.lang.IllegalArgumentException: Unsupported class file major version 57 at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:184) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:166) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:152) at groovyjarjarasm.asm.ClassReader.<init>(ClassReader.java:273) at org.codehaus.groovy.ast.decompiled.AsmDecompiler.parseClass(AsmDecompiler.java:81) at org.codehaus.groovy.control.ClassNodeResolver.findDecompiled(ClassNodeResolver.java:254) at …

15 react-native 

ฉันได้รับข้อผิดพลาดดังต่อไปนี้ ไม่สามารถรับคุณสมบัติที่ไม่รู้จัก 'supportLibVersion' สำหรับวัตถุประเภท org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHand ฉันกำลังทำงานกับแอปพลิเคชั่นที่มีการตอบสนองดั้งเดิมและการพึ่งพาการตอบสนองต่อแผนที่มีอยู่ด้านล่างซึ่งฉันได้รับข้อผิดพลาด dependencies { def supportLibMajorVersion = supportLibVersion.split('\\.')[0] as int def appCompatLibName = (supportLibMajorVersion < 20) ? "androidx.appcompat:appcompat" : "com.android.support:appcompat-v7" implementation "$appCompatLibName:$supportLibVersion" implementation('com.facebook.react:react-native:+') { exclude group: 'com.android.support' } implementation "com.google.android.gms:play-services-base:${safeExtGet('playServicesVersion', '16.1.0')}" implementation "com.google.android.gms:play-services-maps:${safeExtGet('playServicesVersion', '16.1.0')}" implementation 'com.google.maps.android:android-maps-utils:0.5' } ทุกคนมีความคิดว่าเกิดอะไรขึ้นที่นี่ ข้อผิดพลาดใน terminal คือ FAILURE: บิลด์ล้มเหลวโดยมีข้อยกเว้น สถานที่: สร้างไฟล์ 'D: …

15 react-native  react-native-android  react-native-maps 

ฉันได้อ่านเอกสารอย่างเป็นทางการของ react-native และแหล่งสื่อและบล็อกอื่น ๆ แล้วฉันรู้ว่ามีUI ThreadและJavaScript Threadใน react-native Javascript thread เป็นเธรดที่ลอจิกจะรันโค้ดจาวาสคริปต์จะทำการเรียก API การสัมผัสของเหตุการณ์จะถูกประมวลผลและอื่น ๆ อีกมากมาย และ UI Thread จะอัพเดต UI หากเธรด JavaScript กำลังทำงานในกระบวนการและหากเราดำเนินการกับปุ่มหรือเหตุการณ์การสัมผัสอื่น ๆ อีกครั้งจะต้องใช้เวลาในการตอบสนองหลังจากดำเนินการหนึ่งกระบวนการเพียงอัปเดต UI จนกว่าจะรู้สึกว่ามันล้าหลังหรือติดอยู่ที่ใดที่หนึ่ง ตัวอย่างเช่น มีตัวนำทางแท็บด้านล่างซึ่งมีสี่แท็บมี listview ในแท็บแรกและมุมมองแผนที่ซึ่งแสดงเส้นทางระหว่างหลายจุดในแท็บที่สอง ฉันได้ทำการกระทำของปุ่ม (คลิกเช่นเดียวกับปุ่มในมุมมองรายการ) ในแท็บแรกและไปที่แท็บที่สองในทันทีมันรู้สึกล่าช้าเล็กน้อยในการอัปเดต UI หรือใช้เวลาสักครู่ (1-3 วินาที) เพื่อนำทางจากครั้งแรก ไปที่แท็บที่สอง ในแท็บที่สองแผนที่ใช้เวลา (5-10 วินาที) เพื่อดึงเส้นทางระหว่างหลายจุดเมื่อกระบวนการนี้ดำเนินต่อไปหากฉันนำทางไปยังแท็บอื่น ๆ การนำทางระหว่างแท็บนั้นไม่ราบรื่นและ UI ล่าช้ามีจำนวนมาก เราจะทำให้แอปที่ตอบสนองต่อพื้นเมืองตอบสนองได้เร็วขึ้นต่อการกระทำที่สัมผัสได้และลดความล่าช้าของ UI …

13 multithreading  react-native  ui-thread  background-thread 

ฉันพยายามเขียนแอปที่ตอบสนองพื้นเมืองซึ่งจะสตรีมเพลงจาก Soundcloud เป็นการทดสอบฉันเล่นกับ API โดยใช้ python และฉันสามารถขอแก้ไข URL ดึงเพลย์ลิสต์ / แทร็กและทุกอย่างที่ฉันต้องการ ด้วยที่กล่าวว่าเมื่อทำการร้องขอไปยัง stream_url ของแทร็กใดก็ตามที่ฉันได้รับข้อผิดพลาด 401 URL ปัจจุบันที่เป็นปัญหาคือ: https://api.soundcloud.com/tracks/699691660/stream?client_id=PGBAyVqBYXvDBjeaz3kSsHAMnr1fndq1 ฉันได้ลองแล้วโดยไม่มี? client_id ... ฉันลองแทนที่แล้วหรือยัง ด้วย &, ฉันลองรับ client_id อีกครั้งฉันลองใช้ allow_redirects ทั้งจริงและเท็จ แต่ดูเหมือนว่าจะไม่ทำงาน ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก. คุณสมบัติที่สามารถสตรีมได้ของทุกเพลงคือ True ดังนั้นจึงไม่ควรเป็นปัญหาสิทธิ์ แก้ไข: หลังจากทำการวิจัยเล็กน้อยฉันพบวิธีแก้ปัญหาแบบกึ่งสำเร็จ ปลายทาง / stream ของ API ยังคงไม่ทำงาน แต่ถ้าคุณเปลี่ยนปลายทางปลายทางเป็นhttp://feeds.soundcloud.com/users/soundcloud : ผู้ใช้: /sounds.rss มันจะให้ฟีด RSS …

13 react-native  soundcloud 

ฉันกำลังดีบักแอป React Native 0.61.5 ด้วย Chrome และโดยปกติเมื่อโค้ดหยุดทำงานบนเบรกพอยต์และฉันวางเมาส์ไว้ที่คุณสมบัติฉันสามารถดูรายละเอียดทั้งหมดได้ในหน้าต่างป๊อปอัป แต่สองวันตอนนี้ฉันไม่สามารถรับฟังก์ชั่นนี้กลับมาได้ ฉันรีสตาร์ทคอมพิวเตอร์ล้าง Chrome และ Metro bundler ลองด้วยอุปกรณ์เสมือนหรืออุปกรณ์จริง แต่มันยังไม่ทำงาน ฉันปิดการใช้งานบางอย่างโดยไม่ตั้งใจหรือไม่?

11 react-native  google-chrome  google-chrome-devtools 

ฉันติดปัญหานี้มานานแล้ว ฉันเพิ่งเริ่มใช้ Firestore ในแอปพลิเคชันแบบตอบรับดั้งเดิมของฉันพร้อมฐานตอบโต้แบบเนทีฟ ฉันแค่ติดตามเอกสาร [ https://invertase.io/oss/react-native-firebase/v6/firestore/quick-start#reading-data]แต่มันไม่ได้ผลสำหรับฉัน นี่คือใน Android ยังไม่ได้ทดสอบใน iOS ฉันได้รับข้อผิดพลาดนี้: [TypeError: undefined is not a function (near '...this._firestore.native.collectionGet...')] นี่คือรหัสที่เกี่ยวข้อง: import React, {Component} from 'react'; import { firebase } from '@react-native-firebase/firestore'; export default App extends Component{ constructor(props) { super(props); this.getData= this.getData.bind(this) this.getData() this.state = {}; } async getData() { …

11 javascript  firebase  react-native  google-cloud-firestore  react-native-firebase 

ฉันจะออกแบบการนำทางลิ้นชักในโครงการของฉัน ฉันติดตั้งโดยคำสั่งนี้: npm install @react-navigation/drawer จากนั้นนำเข้าที่เข้ามา App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; นี่คือpackage.jsonเนื้อหาของฉัน: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": "^2.0.0-beta.1", "react-native-view-shot": "^3.0.2", "react-navigation": "^4.1.1", "react-navigation-stack": "^2.1.0", นี่คือApp.jsเนื้อหาของฉัน: const App = () => { const Drawer = …

10 reactjs  react-native  navigation-drawer  react-navigation 

ฉันพยายามเผยแพร่แอพเป็นครั้งแรกที่ Google Play Store ฉันสมัครเข้าใช้ Google Play แล้ว ฉันรู้ว่าฉันลงนามใน Android App Bundle ด้วยปุ่มขวาตั้งแต่เมื่อฉันอัปโหลดโดยใช้คีย์อื่นคอนโซลจะบอกให้ฉันอัปโหลดโดยใช้คีย์อื่นด้วยรหัส SHA1 ที่ระบุ อย่างไรก็ตามเมื่อฉันอัปโหลดด้วยคีย์ที่ถูกต้องฉันได้รับข้อผิดพลาดนี้: คุณอัปโหลด APK หรือ Android App Bundle ด้วยข้อมูลการเซ็นชื่อที่ไม่ถูกต้องหรือขาดหายไปสำหรับไฟล์บางไฟล์ ฉันกำลังสร้างแอพโดยใช้ Android Studio เช่น: Build> สร้าง Bundle ที่ลงชื่อแล้ว / APK> Android App Bundle> การเลือกที่เก็บคีย์และป้อนรหัสผ่าน> ปล่อย> เสร็จสิ้น แอพนี้เป็นแอป React Native ที่สร้างขึ้นด้วย Expo / ExpoKit ที่แยกออกมา การอัปโหลดไปยัง Apple App …

10 android  react-native  android-studio 

ฉันกำลังทำเบ็ดแบบกำหนดเองที่มี toogle เมื่อบางสถานะเปลี่ยนไป คุณควรจะสามารถผ่านสถานะใด ๆ ในอาร์เรย์ import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => { setToggle(t => !t) }, [...dependencies]) return toggle } export default useFlatListUpdate และควรใช้เป็น const toggleFlatList = useFlatListUpdate([search, selectedField /*, anything */]) แต่มันเตือนฉันต่อไปนี้ …

10 reactjs  react-native  eslint  react-hooks 

ฉันเพิ่งอัพเกรดแอปตอบโต้ดั้งเดิมเป็น 0.62.0 และตอนนี้แอปของฉันยังคงได้รับสัญญาณเตือนนี้ ReactNativeFiberHostComponent: Calling `getNode()` on the ref of an Animated component is no longer necessary. You can now directly use the ref instead. This method will be removed in a future release. ฉันไม่แน่ใจว่าทำไมปัญหานี้ถึงปรากฏขึ้น ใครช่วยอธิบายหน่อยได้ไหม? ฉันยังเห็นสแต็ค ref.getNode | createAnimatedComponent.js:129:20 SafeView#_updateMeasurements | index.js:192:14 SafeView#componentDidUpdate | index.js:154:9 ปรับปรุง ฉันเชื่อว่านี่อาจมาจาก SafeAreaView จากการตอบกลับการนำทาง

10 react-native  react-navigation 

ฉันพยายามเปิดบันเดิล แต่เมื่อ Android ใช้งานมันจะแสดงข้อความถัดไป 2020-01-05 23: 15: 45.366 26210-26210 / com.note.principal W / .note.principa: การเข้าถึงฟิลด์ที่ซ่อน Landroid / ดู / ดู; -> mAccessibilityDelegate: Landroid / ดู / ดู $ AccessibilityDelegate; (นักออกแบบกลเบา, การสะท้อนแสง) 2020-01-05 23: 15: 45.470 26210-26242 / com.note.principal E / ReactNativeJS: การละเมิดที่คงที่: requireNativeComponent: "RNCSafeAreaView" ไม่พบใน UIManager This error is located …

9 javascript  android  reactjs  react-native  gradle 

เมื่อใดก็ตามที่ฉันเรียกใช้react-native run-androidในขณะที่ยังคงโปรแกรมจำลองทำงานอยู่ฉันได้รับข้อผิดพลาดนี้ react-native run-ios wroks สมบูรณ์ดี Error: Command failed: ./gradlew app:installDebug -PreactNativeDevServerPort=8081 :ReactNative:Failed to parse React Native CLI configuration: groovy.json.JsonException: Unable to determine the current character, it is not a string, number, array, or object The current character read is 'E' with an int value of 69 Unable to determine …

9 javascript  java  android  node.js  react-native 

ฉันใช้งานไบโอเมทริกส์ในแอปของฉันเพื่อตรวจสอบ ฉันใช้ไบโอเมตริกซ์แบบตอบโต้พื้นเมืองสำหรับมัน ทุกสิ่งทำงานได้ดีติดอยู่เพียงอันเดียว Face-id ไม่ทำงานใน Android ฉันทำ Google เป็นจำนวนมาก แต่ไม่สามารถหาคำตอบที่น่าพอใจได้ เป็นไปได้ไหมที่จะใช้ face-id ใน Android? Biometrics.isSensorAvailable() .then((biometryType) => { if (biometryType === Biometrics.TouchID) { console.log('TouchID is supported') } else if (biometryType === Biometrics.FaceID) { console.log('FaceID is supported') } else { console.log('Biometrics not supported') } }) สิ่งนี้จะส่งคืน TouchId ให้ฉันเสมอแม้ว่าฉันจะใช้ FaceId ในโทรศัพท์ของฉันก็ตาม ขอบคุณสำหรับความช่วยเหลือล่วงหน้า

9 android  react-native  face-id  android-biometric-prompt 

ฉันใช้งานไปreact-native-fingerprint-scannerแล้วมันใช้ได้Touch Idผล ตอนนี้ฉันต้องการเพิ่มการรับรองความถูกต้องสำหรับTouch ID, Face Id, Passcode สำหรับทั้งสองแพลตฟอร์ม มีวิธีใดบ้างในการตรวจสอบว่าอุปกรณ์ของคุณรองรับหรือไม่ นอกจากนี้ฉันได้ลองใช้react-native-touch-idแต่ไม่ได้ใช้สำหรับFace IdAndroid มีวิธีใดบ้างที่จะบรรลุเป้าหมายนี้สำหรับทั้งสองแพลตฟอร์ม (iOS / Android)? อ้างอิง: ลิงค์

9 react-native  touch-id  face-id  passcode  android-biometric