react native

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
环境配置
https://www.bilibili.com/video/BV1f741127TE?is_story_h5=false&p=1&share_from=ugc&share_medium=android&share_plat=android&share_session_id=33944ae6-c9b8-4965-8271-ded7e106208e&share_source=WEIXIN&share_tag=s_i&timestamp=1659937359&unique_k=R5OYZDMbuild 错误处理
project.ext.react = [
    enableHermes: false// clean and rebuild if changing
    enableHermes: false,
    bundleInDebug: true
]
antd-mobile安装
1,npm install antd-mobile-rn --save
2,npm install babel-plugin-import --save-dev
.babelrc.js
3,module.exports = {   plugins: [['import', {libraryName: '@ant-design/react-native'}]], };
 
4,使用
import React from 'react';
import {View, StyleSheet} from 'react-native';
// 导入组件
import {Button} from 'antd-mobile-rn';
const styles = StyleSheet.create({
  container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#F5FCFF',
  },
});
const App = () => {
  return (
    <View style={styles.container}>
      <Button type="primary">按钮</Button>
    </View>
  );
};
 
export default App;
 
 
https://blog.csdn.net/crazy_zhangcong/article/details/88374446转载
  
"react": "17.0.1",
    "react-native": "^0.64.0",
    "react-native-vector-icons": "^6.6.0"

  

posted @   zjxgdq  阅读(59)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
历史上的今天:
2021-08-08 react antd使用
2021-08-08 react装less
点击右上角即可分享
微信分享提示