0.0.6 • Published 2 years ago

react-native-lalala v0.0.6

Weekly downloads
-
License
-
Repository
github
Last release
2 years ago

react-native-xiaoshu

开发

## 安装依赖
yarn

## 安装 ios 依赖
cd ios && pod install
## ios
yarn ios

## Android
yarn android

文档

## 开发模式
yarn doc

## 打包、上传 github,存到指定分支
## 1.构建文档静态文件
yarn doc:build

## 2.提交
yarn doc:commit

## 3.把 docs-dist 文件夹推送到 gh-pages 分支
yarn doc:pulish

## 3.当前分支回退到文档未提交的时候,且不保存已经构建的静态文件
doc:reset

组件文件夹格式

|-- button
|--|-- demo
|--|--|-- basic.tsx  ## 案例、测试代码,用在 DEMO App、在线文档
|--|--|-- doc.tsx  ## 在线文档页面 DEMO 代码,基本是模板代码
|--|-- index.tsx  ## 组件实现代码
|--|-- index.md  ## 在线文档入口页面
|--|-- interface.ts  ## 组件对外的接口
|--|-- style.ts  ## 组件样式文件

在线文档入口页面

参考 dumi 的指南 https://d.umijs.org/zh-CN/guide

当前的访问路径是 /component/basic/button

---
title: Button 按钮  ## 当前页面的标题
nav:  ## 当前页面在某个顶部导航栏下面
  title: 组件
  path: /component
group:  ## 当前页面在某个分类下面
  title: 基础组件
  path: /basic
  order: 0
---

<code /> 引用示例代码,也可以直接在 md 文件里写 DMO,参考 dumi 文档学习。

<API /><API src="./xxx/tsx" /> 组件用来暴露组件的 props 描述。

打包

yarn build

构建工具使用的是 react-native-builder-bob

待优化

  • 构建产物不包含 demo_demo,已更换文件夹名称为 __fixtures__
  • 构建 TypeScript 声明时,静态资源报错(已使用 SVG 的方式代替图片)