doc(website): Update website document

Author: cuilanxin

example/examples/src/routes/Drawer/index.tsx

@@ -1,5 +1,5 @@
 import React, {useState, Fragment} from 'react';
-import {View, Text} from 'react-native';
+import {View, Text, Bott} from 'react-native';
 import {Button, Drawer, Spacing, WingBlank} from '@uiw/react-native';
 import Layout, {Container} from '../../Layout';
 import {ComProps} from '../../routes';

example/examples/src/routes/TransitionImage/index.tsx

@@ -13,12 +13,12 @@ const TransitionImageDemo = (props: any) => {
       <Header title={title} description={description} />
       <TransitionImage
         source={{
-          uri: 'https://img11.51tietu.net/pic/2016-071418/20160714181543xyu10ukncwf221991.jpg',
+          uri: 'https://iknow-pic.cdn.bcebos.com/810a19d8bc3eb135828572d2ab1ea8d3fd1f441d',
         }}
         style={{width: 200, height: 200}}
         PlaceholderContent={<ActivityIndicator />}
-        placeholderStyle={{backgroundColor: 'red'}}
-        containerStyle={{backgroundColor: '#eee'}}
+        // placeholderStyle={{backgroundColor: 'red'}}
+        // containerStyle={{backgroundColor: '#eee'}}
         transition={true}
         transitionDuration={1000}
         onPress={() => console.log('点击图片回调事件')}

packages/core/src/ActionSheet/README.md

@@ -3,7 +3,7 @@ ActionSheet 动作面板
 
 该组件提供了一种动作面板, 底部缓缓出现
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Fragment, useState } from 'react';
@@ -24,7 +24,7 @@ function Demo() {
 }
 ```
 
-## 弹层关闭 && 自定义取消文本
+### 弹层关闭 && 自定义取消文本
 
 ```jsx
 import { Fragment, useState } from 'react';
@@ -47,7 +47,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 ```ts
 import { StyleProp, ViewStyle } from 'react-native';
@@ -76,7 +76,7 @@ export interface ActionSheetProps extends ModalProps {
 }
 ```
 
-## ActionSheetItem Props
+### ActionSheetItem Props
 
 ```ts
 import { TextStyle, StyleProp, ViewStyle } from 'react-native';

packages/core/src/Avatar/README.md

@@ -3,7 +3,8 @@ Avatar 头像
 
 用来代表用户或事物，支持图片展示，当前是基于 React Native 组件 Image 封装，你也可以使用更快的图片展示插件 [react-native-fast-image](https://github.com/DylanVann/react-native-fast-image)。
 
-## 基础示例
+
+### 基础示例
 
 ```jsx
 import { View } from 'react-native';
@@ -21,7 +22,7 @@ function Demo() {
 }
 ```
 
-## props
+### props
 
 继承 [View](https://facebook.github.io/react-native/docs/view#props) 组件。
 

packages/core/src/Badge/README.md

@@ -1,7 +1,7 @@
 Badge 标记
 ---
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { View, Text } from 'react-native';
@@ -17,7 +17,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 继承 [View](https://facebook.github.io/react-native/docs/view#props) 组件。
 

packages/core/src/Button/README.md

@@ -100,7 +100,7 @@ class Demo extends Component {
 <!--End-->
 
 
-## 显示边框
+### 显示边框
 
 ```jsx
 import { Button } from '@uiw/react-native';
@@ -112,7 +112,7 @@ function Demo() {
 }
 ```
 
-## 自定义圆角
+### 自定义圆角
 
 ```jsx
 import { Fragment } from 'react';
@@ -133,7 +133,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 组件继承 [`TouchableOpacity`](https://facebook.github.io/react-native/docs/touchableopacity#docsNav)
 

packages/core/src/ButtonGroup/README.md

@@ -115,7 +115,7 @@ class Demo extends Component {
 <!--End-->
 
 
-## Props
+### Props
 
 集成继承 `Button` 组件自定义属性，外层包裹继承 [`Flex`] 组件。
 

packages/core/src/CheckBox/README.md

@@ -3,7 +3,7 @@ CheckBox 复选框
 
 一组备选项中进行多选。
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { CheckBox } from '@uiw/react-native';
@@ -23,7 +23,7 @@ function Demo() {
 ```
 
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Badge, List, CheckBox } from '@uiw/react-native';
@@ -54,7 +54,7 @@ function Demo() {
 }
 ```
 
-## props
+### props
 
 继承 [TouchableOpacityProps](https://facebook.github.io/react-native/docs/touchableopacity#props) 组件。
 

packages/core/src/Divider/README.md

@@ -3,7 +3,7 @@ Divider 分割线
 
 区隔内容的分割线。
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Fragment } from 'react';
@@ -23,7 +23,7 @@ function Demo() {
 }
 ```
 
-## 纵向分割线
+### 纵向分割线
 
 ```jsx
 import { View, Text } from 'react-native';
@@ -38,7 +38,7 @@ function Demo() {
 }
 ```
 
-## props
+### props
 
 继承 [View](https://facebook.github.io/react-native/docs/view#props) 组件。
 

packages/core/src/Drawer/README.md

@@ -3,7 +3,7 @@ Drawer 抽屉
 
 用于在屏幕边缘显示应用导航等内容的面板。
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Fragment, useState } from 'react';
@@ -28,7 +28,7 @@ function Demo() {
 }
 ```
 
-## 右边展示
+### 右边展示
 
 ```jsx
 import { Fragment, useState } from 'react';
@@ -54,7 +54,7 @@ function Demo() {
 }
 ```
 
-## 注意事项 - 抽屉高度是页面有效高度
+### 注意事项 - 抽屉高度是页面有效高度
 
 ```jsx
 import { Fragment, useState } from 'react';
@@ -79,7 +79,7 @@ function Demo() {
 }
 ```   
 
-## 抽屉覆盖全屏
+### 抽屉覆盖全屏
 
 - 可查看 [react-native-root-siblings](https://www.npmjs.com/package/react-native-root-siblings) 文档
 ```jsx
@@ -127,7 +127,7 @@ function Demo() {
 }
 ``` 
 
-## props
+### props
 
 | 参数 | 说明 | 类型 | 默认值 |
 |------|------|-----|------|

packages/core/src/Ellipsis/README.md

@@ -3,7 +3,7 @@ Ellipsis 超出省略
 
 用于文本过长，超出长度显示 `...`。
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Fragment } from 'react';
@@ -19,7 +19,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 |------|------|-----|------|

packages/core/src/Empty/README.md

@@ -128,7 +128,7 @@ class Demo extends Component {
 ```
 <!--End-->
 
-## Props
+### Props
 
 ```ts
 export interface EmptyProps extends FlexProps {

packages/core/src/ExpandableSection/README.md

@@ -33,7 +33,7 @@ export default class ExpandableSectionDemo extends Component {
 ```
 <!--End-->
 
-## Props
+### Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 |------|------|-----|------|

packages/core/src/Flex/README.md

@@ -4,7 +4,7 @@ Flex Flex布局
 
 Flex 是 React Native CSS flex 布局的一个封装。
 
-## 基础示例
+### 基础示例
 
 ```jsx
 import { Fragment } from 'react';
@@ -29,7 +29,7 @@ function Demo() {
 }
 ```
 
-## 对齐方式
+### 对齐方式
 
 ```jsx
 import { Fragment } from 'react';
@@ -64,7 +64,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 ### Flex
 

packages/core/src/Grid/README.md

@@ -3,7 +3,7 @@ Grid 宫格
 
 在水平和垂直方向，将布局切分成若干等大的区块，也可以使用 `List` 组件支持列显示的特性，展示宫格，同时支持下来刷新等特性。
 
-## 基础示例
+### 基础示例
 
 引入本地图标 `require('./1.png')`。
 
@@ -25,7 +25,7 @@ function Demo() {
 }
 ```
 
-## 自定义单元格
+### 自定义单元格
 
 引入本地图标 `require('./1.png')`
 
@@ -57,7 +57,7 @@ function Demo() {
 }
 ```
 
-## Props
+### Props
 
 ```ts
 export interface GridProps extends ViewProps {

packages/core/src/Icon/README.md

@@ -93,7 +93,7 @@ function Demo() {
 ReactDOM.render(<Demo />, _mount_);
 ```
 
-## Props
+### Props
 
 | 参数 | 说明 | 类型 | 默认值 |
 |------|------|-----|------|

packages/core/src/Input/README.md

@@ -24,7 +24,7 @@ export default class BasicInputExample extends React.Component {
 ```
 
 
-## Props
+### Props
 
 ```tsx
 import { StyleProp,TextStyle,TextInputProps, NativeSyntheticEvent, TextInputFocusEventData, TextInputChangeEventData, KeyboardTypeOptions,ViewStyle } from 'react-native'

packages/core/src/Input/index.tsx

@@ -53,7 +53,6 @@ interface InputState {
   control: 'props' | 'state';
 }
 export default class Input extends React.Component<InputProps, InputState> {
-  ref = React.createRef<TextInput>();
   state: InputState = {
     value: this.props.value,
     control: 'state',

packages/core/src/List/README.md

@@ -102,7 +102,7 @@ export default function Demo() {
 ```
 <!--End-->
 
-## Props
+### Props
 
 ### List
 

packages/core/src/Loader/README.md

@@ -69,7 +69,7 @@ function Demo() {
 <!--End-->
 
 
-## Props
+### Props
 
 继承 `ActivityIndicator` 组件属性 [`ActivityIndicatorProps`](https://facebook.github.io/react-native/docs/activityindicator#props)，比原生组件 `ActivityIndicator` 多出更多丰富功能。
 

packages/core/src/MaskLayer/README.md

@@ -36,7 +36,7 @@ export default () => {
 ```
 <!--End-->
 
-## Props
+### Props
 
 继承原生 Modal 属性 [`ModalProps`](https://facebook.github.io/react-native/docs/modal.html#props)
 

packages/core/src/MenuDropdown/README.md

@@ -28,7 +28,7 @@ export default class MenuDropdownView extends Component{
 <!--End-->
 
 
-## props
+### props
 
 组件继承 [`TouchableOpacity`](https://facebook.github.io/react-native/docs/touchableopacity#docsNav)
 

packages/core/src/Modal/README.md

@@ -46,7 +46,7 @@ export default class ButtonGroupView extends Component {
 ```
 <!--End-->
 
-## Props
+### Props
 
 继承原生 Modal 属性 [`ModalProps`](https://facebook.github.io/react-native/docs/modal.html#props)