问题标签 [react-native-reanimated-v2]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
react-native - react native reanimated中切换线程的问题
所以我有这个简单的动画,如果你拖动一个元素,它会(0, 0)
在动画结束时返回,
如您所见,我拥有move
并end
使用函数在 JS 线程中runOnJs()
运行。
- 这是否意味着
withTiming
也将在 JS 线程上withTiming
运行或始终在 UI 线程上运行? - 也如您所见
x.value = withTiming(...)
。我应该把它包装在runOnUI()
函数中吗?或者更确切地说,当我们设置动画值时,它是否必须在 UI 线程上运行?
javascript - React-native android textInput在点击它时不响应焦点
我正在使用 textInput 在一个世博项目上搜索一些关键字,在一个小动画之后,用户可以在输入上书写......
它在 IOS 上完美运行,但在 android 上它只有在我点击我的最右边时才会响应输入。
这是我的组件:
我使用"expo": "^41.0.0和"react-native": "41.0.0"
自动对焦效果很好,如果我删除动画视图,它也可以正常工作。有
什么想法吗?
react-native - Reanimated 2:更新状态会导致 animatedProps 中的动画重置,尽管没有更改共享值
场景:我在屏幕上渲染了一个svg circle
和一个。state
我也有两个按钮。Change Size
按钮将圆圈的大小(共享值)从 50 更改为 100 或从 100 更改为 50。更改状态按钮将状态从“苹果”更改为“橙色”或“橙色”更改为“苹果”。[注意:动画不以任何方式使用状态。我也在控制台记录size.value
每次重新渲染]
问题:一旦按下按钮,它会将Change Size
圆圈的动画从 50 变为 100。现在,如果按下Change State
按钮,它会改变状态,但也会使圆圈的大小回到 50,尽管我们的日志显示共享值size.value
仍然是 100 .
预期行为:预期圆的大小保持 100,因为这是提供给圆的共享值。
代码:
任何帮助将非常感激
javascript - 试图在不可扩展的对象上定义属性
描述
我正在尝试为多个 Animated.Views 分配多个 useAnimatedStyle() 钩子,用于const mystyles = useSharedValue([]);
制作 carousel 。
预期的
即使我在博览会刷新后添加或删除评论、代码等,它也不应该给出错误
实际的
在第一次通过 expo 加载应用程序或手动刷新时,当发生任何小的更改(如删除评论等)时,它可以正常工作,然后 expo 应用程序刷新Attempting to define property on object that isn't extensible
react-native - 如何在复活 2 中使用 diffClamp?
我正在尝试根据来自 reanimated 2 useAnimatedScrollHandler的滚动事件隐藏和显示标题,我需要使用diffClamp因此,每当用户向上滚动时,标题的显示时间应该比整个滚动事件contentOffset.y值短,但是问题是 diffClamp 是我认为从 reanimated v1开始的,我需要使用 useAnimatedStyle 钩子来为 reanimated v2中的样式设置动画,最后它给出了一个错误。
有人可以帮忙吗?
react-native - Reanimated 2 错误:不再按下时蓝点保持不变
这是我为学习 Reanimated 2 而创建的一个简单应用程序,其中屏幕中间有一个蓝点。当用户按下它时,它会变大变黄,还有“YOLO!”字样。会出现在里面。
但是,我面临的错误是,当点达到其最大尺寸时,即使用户不再按下它,点也会保持黄色并且尺寸相同。用户必须再次按下它才能返回其默认状态。
在用户不再按下它之后,如何使点返回其默认状态,即它是蓝色的并且不再出现“YOLO”这个词?
android - 任务:app:bundleReleaseJsAndAssets 失败 - React Native - Android
npx react-native run-android --variant=release
当我使用或生成发布版本在 Android 上运行时,在我的 React-Native 应用程序中出现此错误。我尝试了在 Stackoverflow 和 GitHub 上找到的任何解决方案,例如升级gradle build tools
版本、修改babel.config.js
、清理项目、--reset-cache
重新rm -rf node_modules
安装、无效和重新启动等,但都没有解决。这是一个障碍,因为我无法生成要发布的构建。
我提供了唯一可用的堆栈跟踪错误。
:app:bundleReleaseJsAndAssets
我注意到的另一个信息是,当构建执行执行并到达时,我得到了上面的堆栈跟踪react-native-animated
。我尝试了从报告的类似问题中建议的解决方案,react-native-animated
但也没有解决。
我无法找到问题出在包还是本地项目设置上。
我还注意到该包似乎没有在 Android 中正确配置。下面附上截图供参考。仅此包没有右箭头。
库版本:
摇篮信息:
安卓工作室版本:4.2.1
有什么建议么?
react-native - FlatList 中的 React Native 滑动项与 TouchableOpacity 的 onPress 冲突
我使用 PanGestureHandler 在我的 FlatList 中创建了一个可滑动的行并重新设置了 2。但是,当您按下该行时,我的滑动与 TouchableWithoutFeedback/TouchableOpacity 发生冲突。在滑动发生时是否有禁用 onPress 的方法?我尝试通过使用 runOnJS(onStart)() 来这样做,它禁用了父组件中的 TouchableOpacity,但没有成功。我认为这是因为如果 onPress 在被禁用之前已注册,它仍然会在发布时触发。
javascript - 安装 Reanimated 2 后仍然收到警告“如果你想使用 Reanimated 2 那么......”
我试图使用'@react-navigation/top-tabs',但它依赖于 reanimated 2 我安装了 reanimated 2 但仍然得到相同的警告:
1-可以通过以下方式忽略警告:
2-如果你有任何其他想法,请帮助我
谢谢你