问题标签 [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.
react-native - 如何使用 nativebase 访问存储状态
我试图找到很好的例子,但我无法找到解决方案。
我正在使用 nativebase 来学习本机反应,我想知道如何从商店访问状态。现在我有一个页面使用调度在商店中设置“用户名”。我知道它在那里并且有价值。
这部分工作正常。但是我找不到有关如何在组件上订阅此状态的示例。
为什么我可以将导航视为道具而不是用户名?
谢谢你的帮助。
这是我项目的一个基本组件(使用 nativebase),如下所示:
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
?
android - 无法安装 react-native Nativebase:任务“:app:compileDebugJavaWithJavac”执行失败
尝试在 Windows 10 上为我的 React Native 项目安装 NativeBase时遇到以下问题
react-native init RNapp
cd RNapp
npm install native-base --save
react-native link react-native-vector-icons
- 编辑
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
现在当我跑
构建失败并出现以下错误。这个问题有解决方案吗?
reactjs - react-native onPress() 在循环组件渲染上自动切换
我正在循环通过一个原生 <Card dataArray={data} />
组件来渲染一些带有按钮的组件。它工作正常(按预期列出了所有组件)但我很快向onPress
按钮添加了一个事件并得到了一个自动onPress
错误,很奇怪它只运行一次(点击因此运行有界函数),而组件假设使用这些按钮渲染很多.
onPress={this.testLogs}
我还应该说,当我在渲染后单击它们时,所有渲染的组件都不会运行绑定函数。
什么可能触发这个?或者循环渲染不是最好的方法?
谢谢你。
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文件是:
我的设置(不包括本机基础)似乎没有任何问题,因为我可以使用默认控件运行一个反应本机应用程序但是我似乎只在本机基础控件中遇到此错误
react-native - ReactNative - 组件在任何其他标签内时不呈现 | NativeBase 自定义组件
试图GlobalHeader
从单独的文件中调用组件类。
问题是,它不会在任何其他标签中显示。
我试过了:
- 将
StyleSheet
with添加flex: 1
到Container
,Header
和GlobalHeader
- 卸下
native-base
组件并粘上react-native
组件。 - 玩弄
export default
(怀疑这是问题所在) import
用 NodeJS替换 ES6require
- 玩弄
GlobalHeader
's 结构(将容器放入其中等)
我可以在这里成功调用并渲染它:
如果它在另一个标签中;是的,我尝试了各种标签:
预期输出(是的,我知道如何修复图标):
代码Details.js
:
代码GlobalHeader.js
:
帮助将不胜感激。不改变我的路线/导航器。
当我遇到这个问题时才阅读关于 ES6 的内容,所以它可能是一个 ES6 问题?
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:
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.
react-native - 本机基础 ListItem 呈现空视图?
我正在用原生基础编写一个非常简单的视图。
当我在我的 render() 函数中这样做时
我注意到 nativebase 使我成为一个完全空的列表项。
但是,如果我删除其中一个 Text 标签。该项目将正确显示。
那么一个listItem不可能有超过1个孩子吗?这似乎真的违反直觉。在这种情况下,我应该怎么做才能让列表项超过 1 项?
reactjs - undefined 不是对象(评估“this.handleMapView.bind”)
我一直在尝试将方法绑定到类,但没有成功。正如文档中所解释的,我认为一切都是正确的。我也尝试过其他绑定插件,但都徒劳无功。
奇怪的是,如果我直接从渲染方法绑定它可以工作,但是当我尝试从另一个方法调用方法时,地狱刹车松了。
顺便提一下,我尝试了以下方法,但没有成功
http://moduscreate.com/using-es2016-decorators-in-react-native/
https://www.npmjs.com/package/autobind-decorator
任何帮助将不胜感激。谢谢。