我和我的团队正在为下一个项目分析NativeBase框架http://nativebase.io/,我们唯一关心的是他们将Redux用于其示例应用程序,并且我们通常选择Mobx进行状态管理。所以我的问题是,可以将Mobx与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) 我是反应原生的初学者.我正在使用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) 我从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' 导致错误 …
我无法从NativeBase更改缩略图的默认大小。我可以显示默认的圆,即小和大的圆,但是我想显示比默认尺寸大的圆。这是我的缩略图代码:
<Thumbnail size={200} style={{margin: 30}} source={require('../../../public/images/profile/yellow.jpg')} />
Run Code Online (Sandbox Code Playgroud)
道具大小无效,缩略图仍然很小。
我的NativeBase版本:2.3.5
我在响应本机时使用本机,但是我遇到了问题。如何<Item>在本机库中隐藏下划线?请帮我
我有一个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)
知道为什么不应用某些样式吗?
我在ReactNative中创建chatbot ui如何使用按钮实现嵌入式文本输入?
<View>
<Textinput />
<Button>Press</Button>
</View>
Run Code Online (Sandbox Code Playgroud) 我正在构建一个聊天应用程序,但坚持如何滚动内容滚动到底部
this.setState({ scrollY: event.nativeEvent.contentOffset.y });
Run Code Online (Sandbox Code Playgroud)
我尝试了以上但失败了.
我使用DatePicker的NativeBase,想选择一个日期后更改显示的日期的格式。由于缺乏文档,我无法找到相关的道具。
有没有办法可以像DatePickerAndroid使用一样更改日期格式format="YYYY-MM-DD"?
native-base ×10
react-native ×9
reactjs ×3
android ×1
css ×1
datepicker ×1
javascript ×1
mobx-react ×1
react-props ×1
react-redux ×1
size ×1
thumbnails ×1