@dol-design/rn

快速开始

Dolphin提供了兼容了三端的可配置组件库

安装

目前有两种安装方式

npm

npm i @dol-design/rn --save

yarn

yarn add @dol-design/rn

使用

全量引入

import { Button } from '@dol-design/rn';

按需引入

手动引入

import Button from '@dol-design/rn/lib/button';

使用 babel-plugin-import (推荐)

但大多数人更习惯的写法如下：

import { Button } from '@dol-design/rn';

通过 babel-plugin-import 插件，可以将上述代码转化为类似下面的代码：

import Button from '@dol-design/rn/lib/button';

babel配置：

{
  plugins: [
    ['import', {
      libraryName: '@dol-design/rn',
    }]
  ]
}

Web侧使用

我们在web上使用了 react-native-web 这个库，所以需要针对webpack做下额外的配置

{
alias: {
      'react-native$': 'react-native-web',
      'react-native-svg': 'react-native-svg-web',
      'react-native-linear-gradient': 'react-native-web-linear-gradient'
    },
}