react native

环境配置
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=R5OYZDM
"react": "17.0.1",
    "react-native": "^0.64.0",
    "react-native-vector-icons": "^6.6.0"
build 错误处理
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转载
  

  

posted @ 2022-08-08 19:00  zjxgdq  阅读(59)  评论(0编辑  收藏  举报