我正在使用来自https://reactnavigation.org/docs/navigators/tab的 React Navigation的Tab Navigator ,当我在Tab屏幕之间切换时,我在this.props.navigation中没有获得任何导航状态.
标签导航器:
import React, { Component } from 'react';
import { View, Text, Image} from 'react-native';
import DashboardTabScreen from 'FinanceBakerZ/src/components/dashboard/DashboardTabScreen';
import { TabNavigator } from 'react-navigation';
render() {
console.log(this.props.navigation);
return (
<View>
<DashboardTabNavigator />
</View>
);
}
const DashboardTabNavigator = TabNavigator({
TODAY: {
screen: DashboardTabScreen
},
THISWEEK: {
screen: DashboardTabScreen
}
});
Run Code Online (Sandbox Code Playgroud)
仪表板屏幕:
import React, { Component } from 'react';
import { View, Text} from 'react-native';
export default class DashboardTabScreen extends Component {
constructor(props) …
Run Code Online (Sandbox Code Playgroud) class Signup extends React.Component {
constructor() {
super();
this.state = { count: 0 }
}
hndlChange() {
//here it's okay, It increasing count value
this.setState({ count: this.state.count + 1 });
//but here it printing previous value
console.log(this.state.count);
}
}
Run Code Online (Sandbox Code Playgroud)
我正在调用这个函数。因为它正在增加count
价值,但是当我访问它时,它会返回以前的值。我想在同一个函数中访问最新的更新值,我应该怎么做。
如何在同一函数中访问最新的状态值
我正在使用moment.js,我想将我的字符串日期转换为时间.
我以这种格式得到日期:Apr 01
我希望输出像2017-01-01T00:00:00+05:00
.
我怎样才能做到这一点?
我有<TextInput/>
,我想使其模糊并在外部轻按时切换键盘,<TextInput/>
我尝试了此解决方案,但没有任何运气。
import React, { Component } from 'react'; import { AppRegistry, Dimensions, StyleSheet, Text, TouchableHighlight, View, Image, TextInput, ScrollView, Keyboard, TouchableWithoutFeedback } from 'react-native'; import { Button } from 'react-native-elements'; class CounterextendsComponent {
render() {
return (
<View
style={styles.container}
onPress={this.focusOff}
>
<TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}>
<View>
<TextInput
ref="numberInput"
id={this.props.id}
style={styles.title}
keyboardType='numeric'
maxLength={2}
value={this.state.keys.toString()}
onChange={(event) => this.updateKeysWithInputHandler(event.nativeEvent.text)}
/>
</View>
</TouchableWithoutFeedback>
</View>
);
}
}
Run Code Online (Sandbox Code Playgroud)