问题标签 [native-base]

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.

0 投票
0 回答
364 浏览

android - 如何将自定义图标从我的电脑添加到我的 ReactNative 应用程序(NativeBase TabBar 图标)

* 是从 NativeBase 组件导入的 *我正在使用包含一个项目的“TabBar” *平台是 Android

我为我的应用程序设计了许多图标,并在标签中使用了几个图标,但是我需要在标签中添加自定义图标,但我不能。这是我尝试使用它的方式。

另外......这就是我调用本地图标的方式:

const iconMore = require('../../../static/img/tabBarAndroid/more.png');

0 投票
1 回答
1530 浏览

react-native - 添加属性以在输入文本更改期间对本机组件做出反应

有没有办法在文本更改期间向 React 组件添加属性?

我有一个注册页面,我想通过向组件添加“错误”属性来突出显示文本框。

PS:我在我的项目中使用 NativeBase,“输入”在反应原生中等于“文本”。

下面是没有错误的代码

下面是代码将显示错误

在此处输入图像描述

如果无法在操作期间添加额外的属性,请大家给我建议一种方法来实现这一点吗?

抱歉这个问题我还是很新的反应本机。

0 投票
6 回答
30441 浏览

android - 自定义原生基础的选项卡

我需要在我的 react 本机应用程序中从本机基础自定义选项卡(更改其背景颜色),如图所示在此处输入图像描述

我已经尝试过了, style={{ backgroundColor: '#C0C0C0' }}但我一直在使用默认主题。

0 投票
1 回答
944 浏览

react-native - 用分隔符反应 Native NativeBase ListView

我目前使用 React Native 的 ListView 来显示带有部分标题 ( renderSectionHeader) 的列表:

包含一个对象数组,dataSource键中的部分标题和一个列表项数组作为值,如下所示

我想知道是否可以使用 NativeBase 的List组件实现相同的效果(并且布局看起来更好)。但是,我找不到有关如何传入部分标题的任何信息:

这可能吗?如果可以,使用它而不是 React Native 有缺点ListView吗?

0 投票
2 回答
954 浏览

react-native - NativeBase:覆盖单个元素的样式

我有一个Text组件,我只需要针对一个屏幕进行修改(而不是重新设置整个主题的样式)。我尝试遵循NativeBase 2.0 文档,但发现它非常混乱。有没有一种简单的方法来改变那个元素的样式而不必将整个主题复制到项目中?

0 投票
1 回答
35 浏览

javascript - 将属性传递给组件

我有简单的 footerTab,如果有通知,我想在其中显示徽章。

使用此代码,我得到“未定义徽章”

如何为 Button 传递该徽章属性?

0 投票
1 回答
8526 浏览

react-native - react-native 从右到左

通过使用此代码(在下面),该应用程序已 RTL,但左右的位置发生了变化(因此必须将右侧显示的内容转向左侧)。我通过教程做到了。

另一个问题是当Mobile 的语言是LTR 时,图像和设计的位置会转向另一侧(例如从右到左的变化),因为App 只有一种LTR 语言。有什么办法可以像彼此一样显示 RTL 和 LTR 吗?

0 投票
1 回答
728 浏览

react-native - 在 iOS 中使用 NativeBase 的页脚选项卡无法正常工作

我在我的应用程序中使用来自 NativeBase 的组件 FooterTabs,在 Android 中一切正常,但在 iOS 中,当我单击另一个选项卡时,它会显示正确的内容,但在页脚选项卡中不会更改所选选项卡。

在此处输入图像描述

如您所见,我单击“Perfil 选项卡”,它显示了我的“注销”按钮,这很好,但“Mi galeria”选项卡是在页脚选项卡中选择的。

0 投票
2 回答
3055 浏览

react-native - Native Base 的卡片动态响应原生和 Firebase

我有数据要从 Firebase 中提取,我做到了。它在列表视图中显示得非常好。但是现在我必须在本地基础的卡片中显示它们。这是我尝试过的代码https://github.com/GeekyAnts/NativeBase/issues/347但我收到一个错误:未定义不是对象

卡片项目页面

那是我使用的代码,但我不断收到如下图所示的错误->请提供任何想法 PS: 所有项目均已正确从 firebase 数据库中提取,因为我可以在控制台中看到它们在此处输入图像描述

在此处输入图像描述

将此行this.state = { items: [] };放入构造函数后,我收到此警告在此处输入图像描述

尝试 Irfan 的第二种方法时,我收到此警告,屏幕上没有显示任何内容在此处输入图像描述

那是我写的最后一个,但仍然无法正常工作

0 投票
1 回答
636 浏览

react-native - 向右滑动时不触发抽屉

我正在使用 react native-base 并且我试图将我的屏幕向右滑动以显示抽屉。我期待在刷卡时看到这个:

在此处输入图像描述

下面是我的代码,

当我们运行这段代码时,我们得到的只是一个空白屏幕。我尝试向右滑动,但抽屉没有出现。

在此处输入图像描述

正如我们所见,我在渲染函数中返回了 Drawer 组件,但是当我尝试滑动它时,抽屉没有出现。我尝试在物理设备和虚拟设备上的 Android 上运行它,但它们没有激活抽屉。可能是什么问题?