react-native 相关问题

ReactNative ScrollView 不会滚动到底部

如果我尝试滚动到 ScrollView 的底部，它会弹回到默认位置，并且不会让我查看其全部内容。 我的（截断的）设置相当简单： 如果我尝试滚动到 ScrollView 的底部，它会弹回到默认位置，并且不会让我查看其全部内容。 我的（截断的）设置相当简单： <View> <View> <ABunchOfStuff /> </View> <View style={styles.sectionNode} > <ABunchOfStuff /> </View> <ScrollView> <------ My broken ScrollView :( <View> <ABunchOfStuff /> </View> </ScrollView> </View> 这是我的实际代码的简化版本。但我得出的结论是，存在某种“无限高度”，如本参考文献中。 我确实尝试确保所有事情和所有父母都有flex: 1一直到我的<View>的孩子<ScrollView>及其父母。但这似乎并没有起到作用。 知道如何调试这个吗？我知道 ReactNative 的网站推荐了这一点，并说在检查器中很容易做到（但没有关于如何做的说明）。如果我假设存在“无界高度”问题，那么如何找到这个无赖的无界节点呢？还是别的什么？ 尝试完全从 ScrollView 中取出 Flex，然后将 flex: 1 放在父级上。这对我来说很有效。 对我来说，问题是在 ScrollView 上设置 paddingVertical、paddingTop 或 paddingBottom。只是不要那样做。它会影响 ScrollView 内容的高度，而 ScrollView 不会对其进行适当调整。 父视图必须有 style={{flex: 1}} 那么滚动视图可以有 style={{flex: 1}} 🥇 有界高度意味着 ScrollView 本身必须受到限制。 如果 ScrollView 的高度无限制，它将随着您的内容拉伸并且不会滚动。 您只需将 height 添加到 ScrollView 并查看其工作原理，从那里开始您可以使用绝对高度或以将 ScrollView 高度限制为您想要的高度的方式使用 Flex。 这对我有用： <View style={{flex: 1}}> <ScrollView> <View style={{paddingTop: 16, paddingBottom: 16}}> <SearchBar /> <ItemsContainer /> </View> </ScrollView> </View> 您必须确保 ScrollView 具有固定的高度，无论是为父母设置还是为自身设置。 我使用 flex 设置其高度，而不是直接指定它，因此它适用于所有屏幕尺寸。所以对于你的代码来说像 <View style={{flex: 1}}> <View> <ABunchOfStuff /> </View> <View style={styles.sectionNode} > <ABunchOfStuff /> </View> <ScrollView style={{flex:0.8}}> <View> <ABunchOfStuff /> </View> </ScrollView> </View> 更多信息请参见 React Native docs 这对我有用 <ScrollView> <View style={{height:2000}}> </View> <ScrollView> 重要的是为 ScrollView 内的元素设置一个定义的高度 上面建议的父 Flex: 1 和子 Flex: 1 答案可以工作，但这件事导致了我的错误。 我有 <Image> with percentage height，一旦我用数字替换了百分比，问题就解决了。 <ScrollView style={{flex: 1, marginBottom: 30}} /> items </ScrollView> 对我有用的是将 ScrollView 包装在 View 中。然后给 View 一个高度并在 ScrollView 上设置 flex : 1 。 类似这样的： <View style={{ height: "60%" }}> <ScrollView style={{ flex: 1 }}> <List/> </ScrollView> </View> 我将容器设置为绝对位置，这导致了问题。 添加<Text></Text> 在滚动视图的底部。它会留出一些空间 这将解决你的问题 <ScrollView contentContainerStyle={{flexGrow:1,justifyContent:'space- between'}} > <The Other Components or Lists/> </ScrollView>

是否可以在 React Native 应用程序中使用 Prisma？

为了快速为个人项目构建想法原型，我对直接从 React Native 应用程序使用 Prisma 的解决方案感兴趣。 （我知道这不是你在生产中会做的事情......

（React Native Gesture Handler）尝试从不同线程同步调用函数

我正在尝试从平移手势（React Native Gesture Handler）更改状态。 const [localShowRecents, setLocalShowRecents] = useState(false) consttranslateY = useSharedValue(0); 常量手势 =

使用 React Native 创建应用程序时，任务“:app:checkDebugAarMetadata”执行失败

运行我的代码时出现以下错误 失败：构建失败并出现异常。 * 什么地方出了错： 任务“:app:checkDebugAarMetadata”执行失败。 > 无法解决所有问题...

当应用程序被拉到前台时，为什么我在 React Native 中的自定义字体会恢复为系统字体？

我有一个相对较小的应用程序，有几个由 StackNavigator 管理的视图。 我有三种自定义字体 (TTF)，在整个应用程序中使用。 该应用程序在 Android 和 iOS 模拟器上运行良好 -

React Native 无法从 distributionUrl 下载 gradle

我正在尝试使用 npx react-native run-android 设置过程后运行 React Native 应用程序。 应用程序运行到启动模拟器并到达需要关闭的点...

React Js 配对 2 列拼图

我需要为我的项目从 2 个垂直列表构建匹配/链接对。 例如，配对列表可能是这样的： const [pairs, setPairs] = useState([ { id: 1，左：“苹果”，右：&

React Native 通知图像在 IOS 上不显示

我目前在通知中显示图像（带有网址）时遇到问题。 该问题仅在 iOS 上出现，在 Android 上有效。 我正在使用 React Native Firebase ： 它适用于 Android，但不适用于 iOS。 我...

react-native-document-scanner-plugin 适用于 Android 的 React Native 文档扫描仪插件无法自动扫描或正确裁剪

我目前正在开发一个React Native应用程序，它包含使用react-native-document-scanner-plugin的文档扫描功能。虽然该插件在 iOS 设备上运行完美，但我已经

类型错误：无法读取未定义的属性“_resetCount”

我从watermelondb文档中实现了基本的syc示例，并遇到了这个问题，我在任何地方都找不到任何内容。 示例片段 如果没有任何推/拉操作，同步请求似乎会失败

错误：无法解析模块缺失资产注册表路径

我在尝试运行我的 React Native 应用程序时遇到此错误： 无法从 /Users/user/Desktop/project/node_modules/@react-navigation/elements/lib/

从 epubjs-rn 中从 CFI 位置抓取文本

我目前正在开发一个需要从 epub 中获取文本的项目。 我们正在使用 React-Native 和 Futurepress epubjs-rn。 努力实现： 用户通过

React Native Text 不会增加高度以适应内容

存在一个问题：当 Android 设备设置中的字体为粗体时，文本组件的高度无法正确绘制内容区域。调整FontSizeToFit={true},

移动应用无法接收通知

我正在使用 fcm 向 Android、iOS 和 Web 发送通知。它适用于网络，但不适用于移动应用程序。 这是我的代码： // 后端 const firebase = require("firebase-admin"...

React Native Expo项目中的文件上传不起作用

我收到后端的响应“未上传文件”。 从“expo-image-picker”导入 ImagePicker； 导出 const UpdateProfile = () => { const [地址，setAddress] = useState("&

使用 expo - React Native (Android) 登录 Facebook 时出现问题

我正在尝试使用 facebook 登录我的应用程序，并且我已按照提供 expo https://docs.expo.dev/guides/facebook-authentication/ 的文档网络上的步骤进行操作。当我认清自己的脸之后...

React Native 颜色问题颜色与具有相同十六进制代码的背景和文本颜色不同

您好，我是本地反应新手，我遇到了一些我无法自行解决的问题，我在社区论坛中也没有找到任何内容。 在 React Native 应用程序中，当我尝试给出一个...

如何将跟踪参数从浏览器传递到应用程序？ （扫描二维码）

我想知道是否有人可以帮助我？ 设想： 用户扫描二维码并进入网页，可以在其中下载应用程序。二维码包含追踪参数 然后用户打开...

如何将 Easy Paisa Checkout 与 React Native 集成？

` const SampleString = `金额=250&emailAddress=&orderRef Num=1234& paymentMethod=InitialRequest&storeId=20986&timeStamp=2022-10-31T21:53:00`; const hashKey = "182734...

Jest 在 React Native 中给出了以下内容：“Jest 给出了以下内容：SyntaxError：意外的标记‘导出’”

在我的反应本机应用程序项目中，我尝试在登录页面屏幕上运行测试，仅测试其中元素的渲染。我得到什么： 细节： C:\Users\Hp\OneDrive\Desktop 测试...