native-base 相关问题

NativeBase是React Native的免费,开源,跨平台,可重用的UI组件库。

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

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

回答 1 投票 0

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

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

回答 4 投票 0

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

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

回答 1 投票 0

Expo React Native Nati Base 项目 tailwind(原生)构建失败

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

回答 1 投票 0

对gluestack 的打字稿支持

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

回答 1 投票 0

ReactNative - NativeBase - ActionSheet:项目颜色为白色,背景为白色

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

回答 2 投票 0

TouchableOpacity 和 onPress 图标

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

回答 2 投票 0

如何去除NativeBase TextArea的borderColor?

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

回答 2 投票 0

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

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

回答 1 投票 0

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>

回答 6 投票 0

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

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

回答 1 投票 0

如何更改 NativeBase 按钮颜色

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

回答 1 投票 0

NativeBase 的弹出窗口未在媒体上显示

我正在开发一个使用 NativeBase 作为 UI 组件的 React Native 应用程序。我遇到了一个问题,即按下帖子时 Popover 组件不会显示。这是代码片段......

回答 1 投票 0

绝对定位视图在react-native中不能起到覆盖的作用

在react-native中添加了一个绝对定位的透明视图,以在异步api调用时显示进度加载器。但覆盖层后面的输入和按钮仍然可以按下并做出响应。 ...

回答 1 投票 0

本地基础需要键盘覆盖内容

例如,有一个页脚,我希望键盘将其隐藏。现在我有这样的东西: 在此输入图像描述 在此输入图像描述 我需要做什么? PS:我用的是nat...

回答 1 投票 0

React Native Init 命令生成 Typescript 项目

这感觉像是一个基本问题,但每当我尝试使用此处提供的命令创建一个反应本机项目时,它总是为我创建一个打字稿项目而不是空白的javascript

回答 2 投票 0

Native-Base - 列表内的复选框未被选中

我已经从 NativeBase 导入了 CheckBox。单击复选框时,它会调用toggleCheckBox函数来从数组中添加或删除item.ids,并将标志设置为true或false...

回答 3 投票 0

如何使用gluestack-ui类型

我正在使用名为(gluestack-ui)的新组件库。 我正在使用打字稿,我想在我的组件中使用“Box”组件道具类型接口。 我找不到,是接口吗...

回答 1 投票 0

React-native native-base :将 v2 主题与 v3 一起使用

所以,我最近将本机库从 v2 升级到 v3。 对于 v2,我正在使用这个: 我使用 '../../native-base-theme/components' 中的 getTheme 和伙伴...

回答 1 投票 0

在React Native应用程序中使用Native基础显示Toast时,无法读取未定义的属性(读取Show Toast)

当我尝试在我的 React 本机应用程序中使用 Toast 消息时,从一个页面导航到另一个页面时,我确实知道在哪种情况下会出现此错误,但是,应用程序突然崩溃,没有任何错误...

回答 1 投票 0

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