antd-mobile

最新推荐文章于 2025-04-03 21:00:00 发布

xiongge2005

最新推荐文章于 2025-04-03 21:00:00 发布

阅读量4.7k

点赞数

分类专栏： antd-mobile 文章标签： antd-mobile

本文链接：https://blog.youkuaiyun.com/xiongge2005/article/details/72821741

版权

antd-mobile 专栏收录该内容

1 篇文章

订阅专栏

本文档详细介绍了如何使用npm安装React及React Native环境，并通过Ant Design Mobile为React Native项目添加UI组件。具体步骤包括配置Babel、安装依赖包、设置.babelrc文件以及编写启动示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、参考http://blog.youkuaiyun.com/xiongge2005/article/details/72821281创建react-native项目

2、安装react

$ npm install react --save
$ npm install react-dom --save
3、安装 babel
$ npm install babel-core
$ npm install babel-loader
$ npm install babel-preset-react
$ npm install babel-preset-es2015

4、安装antd-mobile

$ npm install antd-mobile --save
$ npm install babel-plugin-import --save-dev

5、.babelrc添加

{"plugins": [["import", { "libraryName": "antd-mobile" }]]}

6、代码

import React, { Component } from 'react';
import { AppRegistry } from 'react-native';
import { Button } from 'antd-mobile';

class demo extends Component {
  render() {
    return <Button>Start</Button>;
  }
}
AppRegistry.registerComponent('demo', () => demo);

7、Andriod Studio访问出现如图所示，代表成功：