native-base 相关问题

“TypeError: undefined is not an object (evaluating '_expo.default.Font')]”异步加载字体时遇到此错误

这是我的错误： [未处理的承诺拒绝：类型错误：未定义不是对象 （评估 '_expo.default.Font'）] * 应用程序 iews\Login.js:33:15 中 组件将挂载$ 最初我是...

<Content> 在 NativeBase 3 中？

NativeBase3 中是否有一个元素替代了 NativeBase2 中的 Content 元素？本质上是一个键盘感知的滚动视图。 我还想知道是否有一种简单的方法可以通过

错误表示您可能需要一个额外的加载器来处理这些加载器的结果

每当我尝试在react-native中使用native-base时，我都会在终端上遇到以下错误 ./node_modules/react-native-reanimated/lib/index.web.js 5:9 模块解析失败：意外的标记（5...

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

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

如何使用本机库以编程方式关闭 Popover？

我正在使用 Native Base Popover。 设想 作为用户， 我可以按清单， 这样我就可以选择水果 我的问题是我不明白如何从 的外部关闭

反应原生应用程序的 expo 内置 apk 中缺少字符串的最后一个字符/单词

我的反应本机应用程序中的一个屏幕有一个简单的用户注册页面 UI。我使用命令 eas build -p android --profile Preview 生成了一个 android apk。生成的apk没有

如何删除 Native-Base actionSheet 默认 paddingY？

我有一个 actionsSheet 并在 actionSheet.content 中使用全屏图像作为子项，但 actionSheet 不允许我将此图像全屏显示。 我尝试了 padding={0} 或 margin={0} 但现在可以了。 和...

如何将此框放置在屏幕中间（react-native native-base）

从“native-base”导入 { NativeBaseProvider, Box }; 导出默认函数 App() { 返回 （ import { NativeBaseProvider, Box } from "native-base"; export default function App() { return ( <NativeBaseProvider flex={1} justifyContent="center" alignItems="center"> <Box bg="primary.600" py="4" px="3" borderRadius="5" rounded="md" width={375} maxWidth="100%" alignSelf="center" > {" "} Hello world I am natie base code </Box> </NativeBaseProvider> ); } 如何将此框移到屏幕中间？我想我已经做了所有必要的操作，但该框仍然位于屏幕顶部，我该如何解决这个问题？ import {NativeBaseProvider, Box, View} from 'native-base'; export default function App() { return ( <NativeBaseProvider> <View flex={1} justifyContent="center" alignItems="center"> <Box bg="primary.600" py="4" px="3" borderRadius="5" rounded="md" width={375} maxWidth="100%" alignSelf="center"> {' '} Hello world I am native base code </Box> </View> </NativeBaseProvider> ); }

反应本机矢量图标名称属性

我有一个自定义组件，如下所示： 从“react-native-vector-icons/FontAwesome”导入图标； 导出 const FieldInput: React.FunctionComponent = ({ 处理陈...

如何调整Expo和NativeBase中的状态栏

我有一个 Expo 应用程序，我正在其中使用 NativeBase 库（https://nativebase.io/） 由于某种原因，应用程序没有针对状态栏进行调整。 显示的小部件在状态栏区域周围绘制...

fontFamily“Courier”不是系统字体本机基础博览会

我正在为 expo expo-template-native-base 使用本机基本模板，启动 iOS 模拟器时出现错误 fontFamily“Courier”不是系统字体，尚未通过...

Expo React Native Nati Base 项目 tailwind（原生）构建失败

我正在尝试使用 npx create-expo-app -e with-router-tailwind 构建 React Native expo 应用程序 创建项目并运行后，出现 tailwind build failed 错误。我尝试了节点 D:\Projects\Cha...

对gluestack 的打字稿支持

Github 链接 我将主要组件（由库安装）包装到另一个组件（我的自定义组件）中。所以，在那之后，我意识到我的组件上不再有类型安全了...... 拥有它...

ReactNative - NativeBase - ActionSheet：项目颜色为白色，背景为白色

我显示来自本机库的 ActionSheet，在 iOS 上它显示正确，但在 Android 上文本项颜色是白色背景上的白色，因此不可见。 我可以改变

TouchableOpacity 和 onPress 图标

我正在尝试使用 onPress 作为图标。为此，我想到使用 TouchableOpacity，但是当我单击该图标时没有任何反应。我没有看到任何控制台日志。 我还尝试将图标包裹在

如何去除NativeBase TextArea的borderColor？

我正在创建一个屏幕，用户可以在其中不受限制地输入任何文本。 我尝试使用 NativeBase TextArea，它应该可以工作。但是当按下时，边框会改变颜色。我的预期行为是

react-native（博览会）中的输入无法在网络上打开（混合应用程序）

我正在使用react-native（expo）创建一个应用程序混合体，以及一些类似的库： ` “依赖项”：{ "@apollo/client": "^3.8.4", “@gluestack-style/react&q...

ios 键盘覆盖了位于屏幕底部的输入

ios 键盘覆盖了位于屏幕底部的输入。怎么解决这个麻烦呢？ 这是代码。 ... ios 键盘覆盖了位于屏幕底部的输入。怎么解决这个烦恼呢？ 这是代码。 <Content style={styles.content}> <Form> <Item style={{borderBottomColor:'#42e8f4'}}> <Icon active name='mail' style={{color: '#42e8f4'}} /> <Input placeholder='Email'placeholderTextColor= '#42e8f4' style={{color:'#0dc49d'}}/> </Item> <Item style={{ borderBottomColor:'#42e8f4'}}> <Icon active name='lock' style={{color: '#42e8f4'}} /> <Input secureTextEntry={true} placeholder='Password'placeholderTextColor= '#42e8f4' style={{color:'#42e8f4'}}/> </Item> </Form> <ListItem style={{borderBottomWidth:0,borderTopWidth:0,borderBottomColor:'#42e8f4'}}> <Button transparent onPress={() => this.props.navigation.navigate("Signup")}> <Text style={{color:'#42e8f4'}}>Create Account</Text> </Button> <Button transparent onPress={() => this.props.navigation.navigate("Forgetpass")}> <Text style={{color:'#42e8f4'}}>Forget Password</Text> </Button> </ListItem> <Button full style={{backgroundColor:'#42e8f4'}} onPress={() => this.props.navigation.navigate("Welcome")}> <Text style={{color: '#FFF'}}>Sign In</Text> </Button> </Content> const styles = { content:{ position:'absolute', bottom:10, left:0, right:0 }, } 我正在使用 Native-Base。这个问题如何解决？ 查看文档 React Native Keyboard 避免视图。 是一个解决视图常见问题的组件 移开虚拟键盘。它可以自动 根据位置调整其位置或底部填充 键盘。 来自如何让你的 React Native 应用在键盘弹出时优雅响应文章中的示例 return ( <KeyboardAvoidingView style={styles.container} behavior="padding" > <Image source={logo} style={styles.logo} /> <TextInput placeholder="Email" style={styles.input} /> <TextInput placeholder="Username" style={styles.input} /> <TextInput placeholder="Password" style={styles.input} /> <TextInput placeholder="Confirm Password" style={styles.input} /> <View style={{ height: 60 }} /> </KeyboardAvoidingView> ); 您可以使用这个库react-native-keyboard-aware-scroll-view只需将其作为组件的容器 这是我的解决方案，适用于 ios 和 android ： return ( <ScrollView contentContainerStyle={{ flexGrow: 1 }}> <KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : ""} style={styles.container}> ........ // Your input fields ........ </KeyboardAvoidingView> </ScrollView> ) const styles = StyleSheet.create({ container: { flex: 1 }, }); 带有填充的键盘避免视图隐藏了以下代码中用于此用途的按钮 <KeyboardAvoidingView behavior={"height"} style={{flex: 1}> <ScrollView contentContainerStyle={{ flexGrow: 1 }}> ........ </ScrollView> </KeyboardAvoidingView> 对我有用： 在项目导航器中选择 info.plist 右键单击顶部的“信息属性列表”，选择“添加行” 从下拉列表中选择“启动屏幕界面文件基本名称”。 将类型设置为“String”。 我将“LaunchScreen”（不带引号）作为值。 当您使用 ScrollView 并且每次单击输入时都会添加额外的填充时的解决方案： <KeyboardAvoidingView behavior={Platform.OS === "ios" ? "padding" : undefined} style={{flex: 1}> <ScrollView contentContainerStyle={{ flexGrow: 1 }}> ........ </ScrollView> </KeyboardAvoidingView>

在React Native中全局替换一个组件

我有一个 React Native 应用程序，具有相当大的代码库。我最近收到了一项新要求，要求我为应用程序中的所有按钮和 Pressables 添加去抖功能。如果我更换

如何更改 NativeBase 按钮颜色

所以我尝试使用 NativeBase 按钮制作一个切换按钮。我在颜色设置方面遇到了困难。 变种 选定：紫色（'#9747FF'）背景和轮廓，白色文本， 未选择：白色背景...