问题标签 [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 投票
4 回答
13025 浏览

react-native - React Native - NativeBase 组件在 iOS 上不占全宽度

在我用 NativeBase 构建的 react native 应用的 iOS 版本中,一切都太瘦了,除非给出特定的宽度。请参阅下面的图片。我已经给页眉和页脚设置了 100% 的宽度,所以这很好,但我还没有为输入做到这一点,而且它们太瘦了。如果没有给定宽度,页眉和页脚也很窄。

在此处输入图像描述

代码:

我很确定我应该能够在不指定宽度的情况下添加inputs 和header,并且它应该像 Android 在未指定时一样占据整个宽度。我的项目可能有什么问题导致这种情况?

0 投票
2 回答
12602 浏览

android - 在本机应用程序中从本机基础实现抽屉

我需要使用来自本机基础的抽屉来为 android ios et android 反应本机应用程序。这是本机基础http://nativebase.io/docs/v2.0.0/components#drawer的链接,您将在下面找到我的代码:

方法打开抽屉中的警报工作正常,所以我知道这不是按钮的问题。

0 投票
1 回答
1100 浏览

react-native - 标头中的 NativeBase (2.0) 更长的字符串

我刚刚升级到 NativeBase 2.0 并学习了设置标头的新方法。

Body有没有办法在切割它并将“..”放在最后之前扩展最大字符数。

在此处输入图像描述

我猜它需要对自定义主题(或 flex?)进行一些摆弄,但我似乎看不出我必须改变什么

页眉.js


解决方案

Shivraj KumarSrinivas Tamada帮助我找到了解决问题的方法。我只想分享我在这里所做的事情:

运行以下

进入native-base-theme/components并改变了 flex

页眉.js

然后去了

index.ios.js

如果您发现问题(和答案)有用,请点赞。

0 投票
1 回答
931 浏览

react-native - 原生基础定制组件

我正在按照此链接自定义我的 react-native 组件 主题 NativeBase 应用程序 ,但我无法找到 light.js 并继续进行

0 投票
2 回答
4774 浏览

javascript - React-Native Undefined 不是对象(评估 'this.refs.['DRAWER'])

如何解决此错误?我已经尝试过但仍然错误..

DrawerLayoutAndroid

这是我的代码 root.js :

这是我在 Home.js 中的代码:

}

0 投票
1 回答
1789 浏览

android - 使用 NativeBase 看不到卡体中的表格

我尝试使用下面的代码(组件Form内部Card

但在我的设备中,带有 android 5 页脚的 Nexus 7 Tab 不可见。您对找到问题并解决问题有什么建议吗?我正在使用 NativeBase2.0.12和 React-Native 0.42.0

screenshot_2017-03-22-12-00-35

我认为这可能与这个问题有关:https ://github.com/GeekyAnts/NativeBase/issues/668

尝试1: 我稍微更改了我的代码并添加style={{backgroundColor: 'red'}}CardItem不出现的代码并在外部卡组件上找到它。这是我的新代码:

这是新的截图: screenshot_2017-03-22-18-27-22

当我从它的渲染中删除Form组件时,如下所示:CardItem

screenshot_2017-03-22-18-32-42

为什么我们不能使用Forminside CardItemCard它是组件的未记录限制吗?

0 投票
2 回答
902 浏览

react-native - 多页应用程序 - 用原生基础反应原生

我第一次尝试使用本机反应的任何类型的应用程序。我正在为组件/样式使用本机基础。我已经设法获得了一个非常基本的页面,但我试图弄清楚如何从这个页面转到一个页面,当从页脚中单击时,该页面会移动到不同的页面。

我已经确定我需要使用“导航器”选项,但我无法让它工作,因为我不确定类在这个设置中是如何工作的。

0 投票
1 回答
172 浏览

javascript - React-Native - 导航器不呈现初始路由

在自学 React-Native 的过程中。构建一个零售 iOS 站点的模型,该站点从 Firebase 中提取数据,但在尝试合并 Navigator 时遇到了障碍。我的应用程序来自“index.ios.js > MainLayout > Routing > HomeIndex”。这里是所说的组件:

MainLayout.js

路由.js

主页索引.js

就目前而言,我的模拟器呈现页眉和页脚并点击 HomeIndex 中的 console.log,并在所述 console.log 中显示正确的数据。但它没有在我的模拟器中显示它从 Firebase 中提取的数据。

如果我在 MainLayout.js 中切换,<Routing /><HomeIndex />会在模拟器中正确显示索引,这让我怀疑它可能是我在 Routing.js 中搞砸的东西。或者,如果 Navigator 以某种方式抛弃了我的 componentDidMount 方法。任何帮助,将不胜感激。

0 投票
6 回答
7627 浏览

react-native - 如何在 Native Base 中删除 Header 的底线和 Footer 的顶线?

如图所示,我的应用程序在页脚顶部和页眉底部显示一行。它在 Native Base 中似乎很常见。我已经检查了基于本机的主题,但我找不到一些来修复这个错误。

代码:

0 投票
2 回答
3781 浏览

checkbox - 反应本机列表视图

我正在尝试在本机反应中创建一个 Listview,每一行都有一个复选框和一个正文。为此,我使用的是 nativebase 包。http://nativebase.io/docs/v2.0.0/components#checkbox

我有一些问题,当我单击复选框时,复选框不会将状态更改为 false。单击复选框时,如何从正文中获取值?