Questions tagged «react-native»

升级到react-native 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 

错误：System / Library / Frameworks / Ruby.framework / Versions / 2.3 / usr / bin / ruby​​：错误的解释器：无此类文件或目录 在Mac OS卡塔利娜

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项目没有设置Launch Image Source，我已经将启动画面图像添加到Images.xcassets-> LaunchImage，但是在我的项目目标General- > App Icon和Launch Images中没有没有启动图像源的设置

21 ios  swift  xcode  react-native 

我们正在使用React Native 0.59.10和React-Redux 5.0.7，并且遇到了CPU限制的性能问题，其中我们的Redux操作需要大约0.25秒才能完成。 我们已经使用Instruments中的“时间剖析器”配置进行了剖析，但是我们的JS代码都没有符号化。 在Chrome中进行远程调试似乎只是调试“远程检查器”页面，这完全无济于事。 有没有一种方法可以将源映射建立或附加到JS函数名称/调用，或用符号表示下面看到的内存地址？

19 javascript  ios  xcode  react-native  instruments 

重新加载后，我的应用已停止加载。 我已经尝试了模拟器和2个真正的devives，即android和ios。 错误是： 错误：无法解析./debugger-ui/debuggerWorker.d9da4ed7来自``的模块： 有时我会收到错误消息“无法定位实例”。 我尝试了以下方法： 清除看门人手表：watchman watch-del-all。 删除node_modules文件夹：rm -rf node_modules && npm install。 重置Metro 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 - /bin/zsh Binaries: Node: 12.8.0 - ~/.nvm/versions/node/v12.8.0/bin/node Yarn: 1.19.1 - /usr/local/bin/yarn npm: 6.13.4 - …

16 react-native  expo 

我最近开始在Expo中使用TypeScript。我已经完成了所有的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 

新的iOS 13更新引入了可选的系统范围。例如，这导致StatusBar的文本浅，在白色背景上可能变得不可读。它还会破坏iOS日期时间选择器（请参见DatePickerIOS 或react-native-modal-datetime-picker）

15 react-native  ios13  ios-darkmode 

我收到以下错误 无法获得类型为org.gradle.api.internal.artifacts.dsl.dependencies.DefaultDependencyHand的对象的未知属性'supportLibVersion' 我正在开发本机应用程序，并且本机映射依赖项在下面出现错误 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' } 有人知道这是怎么回事吗？ 终端中的错误是 失败：构建失败，发生异常。 其中： 构建文件'D：\ react native \ abhishek \ Gwala \ …

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

我已经按照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 org.codehaus.groovy.control.ClassNodeResolver.tryAsLoaderClassOrScript(ClassNodeResolver.java:192) at org.codehaus.groovy.control.ClassNodeResolver.findClassNode(ClassNodeResolver.java:172) at org.codehaus.groovy.control.ClassNodeResolver.resolveName(ClassNodeResolver.java:128) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClassNullable(AsmReferenceResolver.java:59) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveClass(AsmReferenceResolver.java:46) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveNonArrayType(AsmReferenceResolver.java:81) at org.codehaus.groovy.ast.decompiled.AsmReferenceResolver.resolveType(AsmReferenceResolver.java:72) …

15 react-native 

我浏览了react-native的官方文档以及一些其他媒体资源和博客，我才知道react-native 中有UI Thread和JavaScript Thread。Javascript线程是逻辑将在其中运行javascript代码的线程，将执行API调用，处理触摸事件等。UI线程将更新UI。 如果JavaScript线程正在处理该过程，并且如果我们再次执行按钮操作或任何其他触摸事件，则需要花费一些时间来进行响应，在完成一个过程之后，仅UI Updates会出现滞后或卡在某处的感觉。 例如 有一个底部标签导航器，它有四个标签，第一个标签有一个列表视图，而地图视图则显示了第二个标签中多个点之间的路线 我在第一个标签页中执行了一些按钮操作（在列表视图中单击类似按钮），然后立即导航到第二个标签页，感觉在更新UI上有些滞后，或者从第一个标签页导航需要一些时间（1-3秒）标签到第二个标签 在第二个选项卡中，如果我导航到任何其他选项卡，则该地图将花费时间（5-10秒）来获取多个点之间的路线。如果我导航到任何其他选项卡，则选项卡之间的导航并不流畅，并且存在大量UI滞后。 我们如何才能使本机应用程序更快地响应可触摸的操作并减少UI滞后 有没有多线程和后台线程的概念，我们可以在主线程中运行特定的逻辑并更新UI，以使本机应用程序更快地响应而不会出现滞后。

13 multithreading  react-native  ui-thread  background-thread 

我正在尝试编写一个反应本机应用程序，该应用程序将流化SoundCloud中的某些曲目。作为测试，我一直在使用python来使用API​​，并且能够发出请求以解析URL，提取播放列表/曲目以及我需要的所有其他内容。 话虽如此，当向任何给定轨道的stream_url请求时，我收到401错误。 当前有问题的网址是：https : //api.soundcloud.com/tracks/699691660/stream?client_id=PGBAyVqBYXvDBjeaz3kSsHAMnr1fndq1 我已经尝试了没有？client_id ...的问题，我尝试替换了？使用＆，我尝试获取另一个client_id，并使用allow_redirects将它作为true和false进行了尝试，但是似乎没有任何效果。任何帮助将不胜感激。 每个轨道的streamable属性为True，因此它不应该是权限问题。 编辑： 经过一些研究，我发现了一个半成功的解决方法。API的/ stream端点仍然无法使用，但是如果将目标端点更改为http://feeds.soundcloud.com/users/soundcloud:users，它将为您提供RSS提要（大部分）与使用tracks或playlists API端点所获得的相同。 其中包含的链接可以流式传输。

13 react-native  soundcloud 

我正在用Chrome调试React Native 0.61.5应用程序，通常当代码停止在断点上运行并且悬停一个属性时，我可以在弹出窗口中查看其所有详细信息。但是两天来，我无法恢复此功能。我重新启动计算机，清理了Chrome和Metro捆绑器，尝试使用虚拟设备或真实设备，但仍无法正常工作。我是否意外停用了某些功能？

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

我已经在这个问题上停留了很长时间。我刚刚开始使用react-native-firebase在我的react-native应用程序中实现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() { try { const querySnapshot = await firebase.firestore() .collection('Gyms') …

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