小k
...
关注

学RN的知识点记录(持续更新,日积月累)

RN的全局变量的使用

global.storage = storage;

然后在App.js 入口处引入

// asyncStorage global
import './src/storage';

然后在任何组件都可以使用了

9条评论 / 4条回复

RN获取屏幕高度和宽度等信息

import {Dimensions} from 'react-native';
// device width
const {width,height} = Dimensions.get ('window');
回复

解决react-redux的connect嵌套问题

yarn add @babel/plugin-proposal-decorators

在babel设置文件里加入

plugins: [
['@babel/plugin-proposal-decorators', {legacy: true}],
],

使用@connect写法来连接组件管理store

@connect (
state => ({user: state.userReducer}),
dispatch => ({actions: bindActionCreators ({addAccessToken}, dispatch)})
)
export default class User extends Component{
render(){
return <Text>{this.props.user}</Text>;
}
}

5月13日1 人赞
回复

bindActionCreators可以整合actions的func

然后直接dispatch

5月13日
回复

Fetch的使用

fetch (url, {
headers: {
'content-type': 'application/json',
Authorization: 'Bearer ' + accessToken,
},
})
.then (response => response.json ())
.then (res => JSON.parse (res))
.catch (err => console.log ('wran:' + err));
回复

个人感觉有些应该算是es6的知识点

回复

只是都记录下

5月15日
回复

react-navigation的使用

import {createStackNavigator, createAppContainer} from 'react-navigation';

const AppNavigator = createStackNavigator (
{
Home: TabBarView,
Product: Product,
Login: Login,
},
{
mode: 'modal',
initialRouteName: 'Login',
defaultNavigationOptions: {
// header: null,
headerStyle: {
backgroundColor: '#ff5000',
},
headerTintColor: '#fff',
headerTitleStyle: {
fontWeight: 'bold',
},
},
}
);
const AppContainer = createAppContainer (AppNavigator);

export default AppContainer;

回复

下拉刷新的实现

<ScrollView
refreshControl={
<RefreshControl
refreshing={this.state.refreshing}
onRefresh={this._onRefresh}
/>
}
/>
回复

实现下拉刷新和上拉加载的功能

<FlatList
data={userList}
keyExtractor={item => item._id}
renderItem={({item}) => <UserCard key={item._id} item={item} />}
refreshControl={
<RefreshControl
refreshing={refreshing}
onRefresh={this._onRefresh}
colors={['#000', '#ff6400', '#999']}
/>
}
onEndReachedThreshold={0.1}
onEndReached={() => this._getNextPages ()}
/>
5月17日1 人赞
回复

发现还是喜欢vue多一点😅

回复

vue确实写起来比react舒服点,但是用久了react我觉得react更舒服

5月25日
回复

vue双向绑定

9月2日
回复