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

react-native - 如何使用 nativebase 访问存储状态

我试图找到很好的例子,但我无法找到解决方案。

我正在使用 nativebase 来学习本机反应,我想知道如何从商店访问状态。现在我有一个页面使用调度在商店中设置“用户名”。我知道它在那里并且有价值。

这部分工作正常。但是我找不到有关如何在组件上订阅此状态的示例。

为什么我可以将导航视为道具而不是用户名?

谢谢你的帮助。

这是我项目的一个基本组件(使用 nativebase),如下所示:

0 投票
2 回答
4174 浏览

reactjs - 在 React Native 应用程序中导入模块

我是 ES6 模块系统的新手,所以这听起来很傻。

在使用 NativeBase 的React Native Starter App中,谁能解释一下怎么native-starter-kit/js/components/home/index.js

当它从中导入的文件时, native-starter-kit/js/themes/base-theme.js没有任何export default变量代码myTheme

0 投票
1 回答
936 浏览

android - 无法安装 react-native Nativebase:任务“:app:compileDebugJavaWithJavac”执行失败

尝试在 Windows 10 上为我的 React Native 项目安装 NativeBase时遇到以下问题

  1. react-native init RNapp cd RNapp
  2. npm install native-base --save
  3. react-native link react-native-vector-icons
  4. 编辑android/app/build.gradle并将以下内容添加到文件末尾:
    apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"

运行echo %JAVA_HOME%C:\Program Files\Java\jdk1.8.0_111

现在当我跑

构建失败并出现以下错误。这个问题有解决方案吗?

0 投票
1 回答
1020 浏览

reactjs - react-native onPress() 在循环组件渲染上自动切换

我正在循环通过一个原生 <Card dataArray={data} />组件来渲染一些带有按钮的组件。它工作正常(按预期列出了所有组件)但我很快向onPress按钮添加了一个事件并得到了一个自动onPress错误,很奇怪它只运行一次(点击因此运行有界函数),而组件假设使用这些按钮渲染很多.

onPress={this.testLogs}我还应该说,当我在渲染后单击它们时,所有渲染的组件都不会运行绑定函数。

什么可能触发这个?或者循环渲染不是最好的方法?

谢谢你。

0 投票
2 回答
931 浏览

react-native - React Native 与 Native Base(意外的令牌错误)

我已经配置了 React Native 和 Native Base。当我为 Android 部署应用程序时,它会抛出一个错误,指出在我的代码中存在 Container 组件的位置附近发现了一个意外的令牌。

我的 package.json 文件是:

会不会是某些版本不能很好地与其他版本配合使用?另外(如果重要的话)我正在使用 Node 版本 6.8.1、npm 版本 3.10.8 和 react-native-cli 2.0.0。另外,我在全球范围内安装了 yarn、sinopia 和 browserify。

仍然是 React Native 的初学者,我无法判断是否存在任何依赖冲突(明显或其他)

我的js文件是:

我的设置(不包括本机基础)似乎没有任何问题,因为我可以使用默认控件运行一个反应本机应用程序但是我似乎只在本机基础控件中遇到此错误

0 投票
2 回答
4801 浏览

react-native - ReactNative - 组件在任何其他标签内时不呈现 | NativeBase 自定义组件

试图GlobalHeader从单独的文件中调用组件类。
问题是,它不会在任何其他标签中显示。

我试过了:

  1. StyleSheetwith添加flex: 1Container,HeaderGlobalHeader
  2. 卸下native-base组件并粘上react-native 组件。
  3. 玩弄export default(怀疑这是问题所在)
  4. import用 NodeJS替换 ES6require
  5. 玩弄GlobalHeader's 结构(将容器放入其中等)

我可以在这里成功调用并渲染它:

渲染成功

如果它在另一个标签中;是的,我尝试了各种标签:

在此处输入图像描述

预期输出(是的,我知道如何修复图标):

在此处输入图像描述

代码Details.js

代码GlobalHeader.js

帮助将不胜感激。不改变我的路线/导航器。
当我遇到这个问题时才阅读关于 ES6 的内容,所以它可能是一个 ES6 问题?

0 投票
2 回答
15069 浏览

android - react-native: NativeBase how to center a control

I have just discovered NativeBase for react-native and I really love it. I am following the tutorial from their website. I understand that NativeBase uses Easy-Grid for the layout. I would like to vertically center a button on my page. This is a simple interface for a test application I am building:

And this is the result on my genymotion emulator: enter image description here

How can I vertically center the login button on my page using easy-grid? I have tried to apply flexbox properties with no result.

Thank you for your help.

0 投票
1 回答
1908 浏览

reactjs - InputGroup 中的 NativeBase 多个图标

我正在尝试制作一个InputGroup具有两个图标或一个图标和一个按钮的图标。

应该使用一个图标来检查输入字段是否为空(使其正常工作)。应该使用另一个图标或按钮将一些文本“注入”到该Input字段中。

目前我的代码如下所示:

这给了我以下结果

输出

首要问题

如您所见,我无法让另一个图标出现 - 它似乎不在第一个图标后面。

一个按钮也一样好,但它总是低于Input而不是靠近它。样式不是我最强的风格 - 因此我使用了很棒的框架 NativeBase

第二期

我遇到的另一个问题是更新后验证似乎没有改变图标和颜色state。似乎style只加载一次。

0 投票
1 回答
647 浏览

react-native - 本机基础 ListItem 呈现空视图?

我正在用原生基础编写一个非常简单的视图。

当我在我的 render() 函数中这样做时

我注意到 nativebase 使我成为一个完全空的列表项。

但是,如果我删除其中一个 Text 标签。该项目将正确显示。

那么一个listItem不可能有超过1个孩子吗?这似乎真的违反直觉。在这种情况下,我应该怎么做才能让列表项超过 1 项?

0 投票
2 回答
1107 浏览

reactjs - undefined 不是对象(评估“this.handleMapView.bind”)

我一直在尝试将方法绑定到类,但没有成功。正如文档中所解释的,我认为一切都是正确的。我也尝试过其他绑定插件,但都徒劳无功。

奇怪的是,如果我直接从渲染方法绑定它可以工作,但是当我尝试从另一个方法调用方法时,地狱刹车松了。

顺便提一下,我尝试了以下方法,但没有成功

http://moduscreate.com/using-es2016-decorators-in-react-native/

https://www.npmjs.com/package/autobind-decorator

任何帮助将不胜感激。谢谢。