标签: native-base

我可以将NativeBase与Mobx一起使用吗?

我和我的团队正在为下一个项目分析NativeBase框架http://nativebase.io/,我们唯一关心的是他们将Redux用于其示例应用程序,并且我们通常选择Mobx进行状态管理。所以我的问题是,可以将Mobx与NativeBase应用一起使用吗?

reactjs react-native react-redux native-base mobx-react

2
推荐指数
1
解决办法
192
查看次数

NativeBase抽屉滑动不起作用

有人可以告诉我这段代码有什么问题吗?当我运行模拟器时它运行正常,但是当我滑动以显示它没有显示的内容时.抽屉不工作.我究竟做错了什么?

import React, { Component } from 'react';
import { Drawer } from 'native-base';
import { Navigator, View } from 'react-native';

export default class DrawerExample extends Component {

constructor(props) {
super(props);
this.state = {
toggled: false,
store: {},
theme: null
};
}

toggleDrawer() {
this.state.toggled ? this._drawer.close() : this._drawer.open();
}

openDrawer() {
this.setState({toggled: true});
}

closeDrawer() {
this.setState({toggled: false});
}

renderScene(route, navigator) {
switch(route) {
  default: return null;
}
}
configureScene(route, routeStack) {
return Navigator.SceneConfigs.PushFromRight;
}
render() {
return ( …
Run Code Online (Sandbox Code Playgroud)

reactjs react-native native-base

2
推荐指数
1
解决办法
2581
查看次数

undefined不是一个函数(在本机应用程序中评估'_this2.closeDrawer()')错误

我是反应原生的初学者.我正在使用NativeBase组件进行设计.当我使用抽屉应用程序给出此错误

undefined is not a function (evaluating '_this2.closeDrawer()')
Run Code Online (Sandbox Code Playgroud)

这是错误的屏幕截图

在此输入图像描述

抽屉代码在这里

import React, { Component } from 'react';
import { Drawer } from 'native-base';
import SideBar from './sidebar';
import Signup from './signup';
import { View } from 'react-native';

export default class NativeDrawer extends Component {
  render() {
    closeDrawer = () => {
      this.drawer._root.close()
    };
    openDrawer = () => {
      this.drawer._root.open()
    };
    return (
      <View>

        <Drawer
          ref={(ref) => { this.drawer = ref; }}
          content={<SideBar navigator={this.navigator} />}
          onClose={() => this.closeDrawer()} >
        </Drawer>
      </View> …
Run Code Online (Sandbox Code Playgroud)

javascript android reactjs react-native native-base

2
推荐指数
1
解决办法
3293
查看次数

无法使用 native-base 解析模块

我从https://docs.nativebase.io/获取参考,当我尝试使用示例代码时,它显示了错误Unable to resolve module,就像照片一样 在此处输入图片说明 我的环境是:

"expo": "^18.0.4",
"native-base": "^2.2.1",
"react": "16.0.0-alpha.12",
"react-native": "https://github.com/expo/react-native/archive/sdk-18.0.1.tar.gz",
Run Code Online (Sandbox Code Playgroud)

这是我的 App.js:

import React from 'react';
// import { StyleSheet, View, Text } from 'react-native';
import { Container, Button, Text } from 'native-base';

export default class App extends React.Component {

  render() {
    return (
      <Container>
        <Button>
          <Text>
            Button
          </Text>
        </Button>
      </Container>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'center',
  },
});
Run Code Online (Sandbox Code Playgroud)

我发现我只是导入 'native-base' 导致错误 …

react-native native-base

2
推荐指数
1
解决办法
7478
查看次数

Nativebase:更改缩略图默认大小

我无法从NativeBase更改缩略图的默认大小。我可以显示默认的圆,即小和大的圆,但是我想显示比默认尺寸大的圆。这是我的缩略图代码:

<Thumbnail size={200} style={{margin: 30}} source={require('../../../public/images/profile/yellow.jpg')} />
Run Code Online (Sandbox Code Playgroud)

道具大小无效,缩略图仍然很小。

我的NativeBase版本:2.3.5

size thumbnails native-base react-props

2
推荐指数
1
解决办法
3843
查看次数

如何在本机基础中隐藏&lt;Item&gt;中的下划线?

我在响应本机时使用本机,但是我遇到了问题。如何<Item>在本机库中隐藏下划线?请帮我

react-native native-base

2
推荐指数
1
解决办法
3052
查看次数

Native Base 按钮​​缺少样式

我有一个native-base应用程序,样式工作正常,但按钮似乎部分缺失。没有错误,我的应用程序中没有应用任何自定义样式。

请参阅下面的屏幕截图。按钮缺少字体颜色、填充以及其他一些东西。这适用于任何按钮类型(透明、边框等)

我正在用一个简单的按钮渲染按钮

<Card onPress={console.log("hello") && this.props.navigation.navigate('Game')} key={game.location}>
  <CardItem header>
    <Left>
      <Icon name="ios-game-controller-a" />
      <Body>
        <Text>{game.location}</Text>
        <Text>Stations: {game.stationsCount}</Text>
      </Body>
    </Left>
    <Right>
      {this.gameStatus(game)}
    </Right>
  </CardItem>
  <CardItem>
    <Button primary block><Text>Join Game</Text></Button>
  </CardItem>
</Card>
Run Code Online (Sandbox Code Playgroud)

知道为什么不应用某些样式吗?

截屏

css react-native native-base

2
推荐指数
2
解决办法
4781
查看次数

React Native:如何使用按钮内联textInput?

我在ReactNative中创建chatbot ui如何使用按钮实现嵌入式文本输入?

<View>
 <Textinput />
 <Button>Press</Button>
</View>
Run Code Online (Sandbox Code Playgroud)

react-native native-base

2
推荐指数
1
解决办法
2730
查看次数

Native Base内容滚动到底部

我正在构建一个聊天应用程序,但坚持如何滚动内容滚动到底部

this.setState({ scrollY: event.nativeEvent.contentOffset.y });
Run Code Online (Sandbox Code Playgroud)

我尝试了以上但失败了.

react-native native-base

2
推荐指数
1
解决办法
4800
查看次数

DatePicker NativeBase - 选择日期的格式

我使用DatePickerNativeBase,想选择一个日期后更改显示的日期的格式。由于缺乏文档,我无法找到相关的道具。

有没有办法可以像DatePickerAndroid使用一样更改日期格式format="YYYY-MM-DD"

datepicker react-native react-native-android native-base

2
推荐指数
1
解决办法
3672
查看次数