react-native 相关问题

React Native允许您使用React构建本机移动应用程序。 React Native的重点是在您关注的所有平台上实现开发人员效率 - 学习一次,随处写作。

React Native Expo 项目在重新加载时显示“屏幕不存在”

我正在尝试在 Android 模拟器上使用基于 expo-router 文件的路由来制作一个 React Native expo 项目。当我开始添加新路线时,一切正常,直到我重新加载模拟器。什...

回答 1 投票 0

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

我什至不知道问题是什么,我似乎无法弄清楚。在添加重新发送功能之前,一切都运行良好。我不明白为什么它会破裂。 我已经尝试了一切...

回答 1 投票 0

如何解决 React Native 中的文本截断问题?

这是我当前的代码 这是我当前的代码 <View style={[ GlobalStyles.row, { width: '100%', gap: 10, justifyContent: 'space-between' }, ]}> <View style={[GlobalStyles.row, { flex: 1, gap: 3 }]}> <Text style={{ color: COLORS.textBlack, fontSize: 16, fontWeight: '600', }} numberOfLines={1}> TEMBEA KENYA COMMUNITY </Text> <Iconify icon="fluent:checkmark-starburst-24-filled" size={16} color={COLORS.bgPrimary} /> </View> <Text style={{ color: COLORS.statusBorder, fontSize: 12, fontWeight: '600', }} numberOfLines={1}> 11 months </Text> </View> 我目前正在得到这个(图1) 但我想实现这个(图2) 但是当我将 flex: 1 添加到文本中时,它的行为就像通过添加这样的空格来调整内容之间的位置(图 3) . 我正在使用 Tecno pop 8 进行开发。 尝试将 {flexShrink: 1} 添加到文本组件,如下例所示 <Text numberOfLines={1} style={{ flexShrink: 1 }}>User Name Here</Text> 例如: <View style={{ alignSelf: 'stretch', gap: 10, paddingHorizontal: 20, flexDirection: 'row', }}> <View style={{ width: 40, height: 40, borderRaius: 20, backgroundColor: '#00000030', }} /> <View style={{ flex: 1, flexDirection: 'row' }}> <View style={{ flexDirection: 'row', flex: 1, gap: 4, alignItems: 'center', }}> <Text numberOfLines={1} style={{ flexShrink: 1 }}>User Name Here</Text> <Text>✅</Text> </View> <View style={{ width: 20, height: 20, backgroundColor: 'red' }} /> </View> </View> 这是一个例子:零食 输出:

回答 1 投票 0


去除底部导航背景

我正在两台设备上测试我的 React Native 应用程序。在过去的两天里我一直在试图找到一种方法来删除底部导航的背景。 我试过透明模式,但不行...

回答 1 投票 0

如何更改pdf原始数据,以便可以在react native expo中下载

这是我从 api 得到的响应,它是原始 pdf 数据。 %PDF-1.4 %цдьЯ 1 0 对象 << /Type /Catalog /Version /1.4 /Pages 2 0 R /ViewerPreferences 3 0 R >> 我尝试过...

回答 1 投票 0

不变违规:应将日期或时间指定为“值”。如何使用日期选择器解决这个问题?

我正在尝试将日期选择器添加到使用React-Native中的nativebase创建的表单中。 但我收到错误作为不变违规:应将日期或时间指定为值。 我的代码: 导入反应...

回答 2 投票 0

在React Native中按焦点文本输入之外会停止点击传播

我有一些非常简单的代码: 我有一些非常简单的代码: <TextInput onChangeText={setInputAddress} value={inputAddress} placeholder="Address or postcode..." /> <Button title="press" onPress={() => { Alert.alert("clicked") }} /> 按钮工作正常,文本输入也工作正常,但是当我专注于输入字段并尝试单击按钮时,它不起作用。第一次单击在输入字段中模糊,第二次单击单击按钮。有没有办法阻止这种行为? 解决方案是将keyboardShouldPersistTaps="always"添加到周围的ScrollView。附:使用 Flutter 就可以避免这种废话。

回答 1 投票 0

React 本机 Android 应用程序在构建后显示空白屏幕

在上图中,您可以看到应用程序已成功构建并已启动 Metro 捆绑程序。 如果我尝试单击 R,则表明即使应用程序已运行,也没有连接任何设备

回答 2 投票 0

react-native 横向模式方向

我还是个初学者。这是我想在打开页面时以横向模式显示的页面。我安装了react-native-orientation,但我不知道如何使用它。 我想要风景...

回答 3 投票 0

如何在ios设备上运行expo eas自定义构建进行开发

我正在使用expo,但使用eas自定义构建来支持一些本机代码集成,我想在我的ios设备上进行测试和开发,但找不到将开发构建安装到我的...

回答 1 投票 0

React Native:在运行react-native-run-android之前始终进行gradlew clean

如果在react-native run-android之前不运行cd android && ./gradlew clean,则会失败并出现一些错误,例如: 创建文件夹失败:... 或者 删除文件夹失败:... 所以我必须跑步

回答 7 投票 0

在 ios 中获取不发送授权标头

我使用两个获取函数,一个用于登录,另一个从我的 API 获取数据。 登录工作正常,但第二次获取在 ios 中引发错误。它在安卓上运行良好 未发送授权标头...

回答 3 投票 0

Expo 相机无法读取未定义的属性“类型”

从 'react' 导入 React, { useState, useEffect, useRef }; 从 'react-native' 导入 { SafeAreaView, View, Text, TouchableOpacity, StyleSheet }; 从'expo-camera'导入{相机}; 出口德法...

回答 1 投票 0

react-native-track-player错误播放器已经通过setupPlayer初始化了

我有一个带有react-native-track-player的react-navigation模式,关闭它并重新打开它会抛出错误The player has already beinitialized via setupPlayer。如何确保它只运行

回答 2 投票 0

将图像从反应本机转换为多部分表单数据

我想将图像从 React Native 转换为多部分/表单数据格式, 类似于 ReactJS 中的图像数据:, 要与此 API 一起使用:https://rapidapi.com/iq.faceok/api/ocr-extract-text/playground/

回答 1 投票 0

更新管理视图的属性“accessibilityState”时出错:RCTView 禁用的值无法从 ReadableNativeMap 转换为布尔值

更新由 RCTView 管理的视图的属性“accessibilityState”时出错 无效的 禁用值无法从 ReadableNativeMap 转换为 Boolean。 当此代码SN...时出现此消息

回答 1 投票 0

HMS 地图套件和 React Native 0.74.0 不显示

我一直试图让 "@hmscore/react-native-hms-map": "6.11.2-302" 工作一段时间,但我无法得到它,这是我的代码: Android/文件夹中的build.gradle: 构建脚本{ 电子...

回答 1 投票 0

React Native:单击按钮即可使用 rn-fetch-blob 下载 pdf 文件

我必须让用户在点击按钮时下载pdf文件,我发现我必须使用rn-fetch-blob而不是react-native-fetch-blob。文档中有这样的代码: const { 配置...

回答 3 投票 0

在 React Native TVOS 中滚动时将项目居中

我是 React Native 的新手,我正在创建一个让项目垂直滚动的演示。问题是当项目聚焦时我需要将其居中。假设 UI 上只有 3 个项目可见,当我

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.