Merge branch 'dev' of https://github.com/uiwjs/react-native-uiw into dev

Author: ChenlingasMx

packages/core/src/Pagination/DirText.tsx

@@ -38,6 +38,7 @@ const DirText = (props: DirTextProps) => {
         {
           minWidth: containerSize[size],
           borderColor: borderColor,
+          backgroundColor: '#fff',
           paddingHorizontal: icon ? 0 : 5,
           opacity: disabled ? disabledStyle : disabledStyle - 0.2,
         },

packages/core/src/Radio/README.md

@@ -16,7 +16,6 @@ function Demo() {
       <Radio>Radio</Radio>
       <Radio checked>Radio checked</Radio>
     </>
-
   );
 }
 
@@ -66,7 +65,7 @@ export default Demo
 
 ### 单选
 
-```jsx   mdx:preview
+```jsx mdx:preview&background=#bebebe29
 import React,  { useState } from 'react';
 import { View } from 'react-native';
 import { Radio } from '@uiw/react-native';

packages/core/src/Rating/README.md

@@ -46,7 +46,7 @@ export default Demo
 
 ### 默认选中及总数
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#bebebe29
 import React from 'react';
 import { Rating, Icon } from '@uiw/react-native';
 function Demo() {
@@ -68,7 +68,7 @@ export default Demo
 
 ### 评分组件加上文案展示及样式修改
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#bebebe29
 import React from 'react';
 import { Rating, Icon } from '@uiw/react-native';
 
@@ -83,7 +83,7 @@ export default Demo
 
 ### 只读
 
-```jsx mdx:preview
+```jsx mdx:preview&background=#bebebe29
 import React from 'react';
 import { Rating, Icon } from '@uiw/react-native';
 function Demo() {

packages/core/src/SearchInputBar/README.md

@@ -35,6 +35,7 @@ export default Demo
 ```jsx mdx:preview&background=#bebebe29
 import React, { useState } from 'react';
 import SearchInputBar from '@uiw/react-native/lib/SearchInputBar';
+import { Button } from '@uiw/react-native';
 
 function Demo() {
   const [value, setValue] = useState('')
@@ -44,8 +45,15 @@ function Demo() {
         onClear={()=>setValue('')}
         value={value}
         placeholder="请输入搜索关键字"
-        searchRender={<div style={{ display:'flex', alignItems:'center' }}><label>搜索</label></div>}
-        actionName="搜一下"
+        searchRender={
+          <Button
+            style={{  marginLeft: 15, background: 'rgb(240, 244, 247)' }}
+            textStyle={{color:'block'}}
+            type="link"
+          >
+            搜索
+          </Button>
+        }
         showActionButton
       />
   )
@@ -57,33 +65,32 @@ export default Demo
 ### 获取输入框 Ref
 ```jsx mdx:preview&background=#bebebe29
 import React, { useState, Fragment, useRef } from 'react';
+import { View } from 'react-native';
 import { SearchInputBar, Button } from '@uiw/react-native';
 
 function Demo() {
   const inputRef = useRef()
   const [value, setValue] = useState('')
   return (
-    <Fragment>
+    <View>
       <SearchInputBar
         ref={inputRef}
         onChangeText={setValue}
         onClear={()=>setValue('')}
         value={value}
         placeholder="请输入搜索关键字"
-        actionName="搜一下"
         showActionButton
-        button={{
-          onPress() {
-            // 点击搜索按钮触法
-          }
-        }}
+        searchRender={
+          <Button
+            style={{  marginLeft: 15, background: 'rgb(240, 244, 247)' }}
+            textStyle={{color:'block'}}
+            type="link"
+          >
+            获取输入框Ref
+          </Button>
+        }
       />
-      <Button
-        onPress={()=>{
-          console.log(inputRef.current.inputRef)
-        }}
-      >获取 输入框 Ref</Button>
-   </Fragment>
+   </View>
   )
 }
 export default Demo

packages/core/src/Slider/README.md

@@ -85,9 +85,9 @@ function Demo() {
     <Slider
       value={value}
       onChange={(cValue) => setValue(cValue)}
-      thumbTintColor="pink"
-      maximumTrackTintColor="pink"
-      minimumTrackTintColor="purple"
+      thumbTintColor="#008ef0"
+      maximumTrackTintColor="#333"
+      minimumTrackTintColor="white"
     />
   );
 }

packages/core/src/Stepper/README.md

@@ -83,7 +83,6 @@ function Demo() {
       value={value}
       disabled={true}
       width={150}
-      color={{color: '#ccc',borderColor: '#999',controlColor: 'red',valueColor: '#000'}}
       onChange={(value)=>{
         setValue(value)
       }}

packages/core/src/Switch/README.md

@@ -44,9 +44,9 @@ import React from 'react';
 function Demo() {
   return (
     <Switch
-      color="red"
-      thumbStyle={{backgroundColor: 'skyblue'}}
-      trackStyle={{backgroundColor: 'pink'}}
+      color="#008ef055"
+      thumbStyle={{backgroundColor: '#333a'}}
+      trackStyle={{backgroundColor: '#008ef0'}}
     />
   );
 }

packages/core/src/Tabs/README.md

@@ -9,7 +9,7 @@ Tabs 选项卡
 ### 基础示例
 
 ```jsx mdx:preview&background=#bebebe29
-import React, { Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 import { Tabs } from '@uiw/react-native';
 const { Item } = Tabs
 function Demo() {
@@ -29,7 +29,7 @@ export default Demo
 ### 使用 Icon
 
 ```jsx mdx:preview&background=#bebebe29
-import React, { Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 import { Tabs, Icon } from '@uiw/react-native';
 function Demo() {
   const [value,setValue]= useState(0)
@@ -65,7 +65,7 @@ export default Demo
 ### 选中色更改
 
 ```jsx mdx:preview&background=#bebebe29
-import React, { Fragment } from 'react';
+import React, { Fragment, useState } from 'react';
 import { Tabs, Icon } from '@uiw/react-native';
 function Demo() {
   const [value,setValue]= useState(0)

packages/core/src/Tabs/index.tsx

@@ -69,7 +69,7 @@ const styles = StyleSheet.create({
   },
   TabsContainer: {
     backgroundColor: '#fff',
-    minWidth: 1 * MainWidth,
+    maxWidth: 1 * MainWidth,
     display: 'flex',
     justifyContent: 'space-between',
     alignItems: 'center',

packages/core/src/TextArea/README.md

@@ -13,6 +13,7 @@ import TextArea from '@uiw/react-native/lib/TextArea';
 function Demo() {
   return (
     <TextArea
+      fontStyle={{ color:'#aaa' }}
       value={"Hello TextArea \nplease input word"}
       placeholder='请输入'
     />
@@ -35,6 +36,7 @@ function Demo() {
         console.log('输入内容: ', value);
         setValue(value);
       }}
+      fontStyle={{ color:'#aaa' }}
       value={value}
       placeholder='请输入'
     />
@@ -55,6 +57,7 @@ function Demo() {
 
   return (
     <TextArea
+      fontStyle={{ color:'#aaa' }}
       editable={false}
       value={value}
       placeholder='请输入'
@@ -78,6 +81,7 @@ function Demo() {
       onChange={(value) => {
         setValue(value);
       }}
+      fontStyle={{ color:'#aaa' }}
       maxLength={100}
       showWords={true}
       value={value}
@@ -102,6 +106,7 @@ function Demo() {
       onChange={(value) => {
         setValue(value);
       }}
+      fontStyle={{ color:'#aaa' }}
       numberOfLines={3}
       value={value}
       placeholder='请输入'
@@ -127,6 +132,7 @@ function Demo() {
       onChange={(value) => {
         setValue(value);
       }}
+      fontStyle={{ color:'#aaa' }}
       placeholder='请输入'
       autoSize
     />
@@ -177,6 +183,7 @@ function Demo() {
         setValue(value);
       }}
       textAlignVertical="center"
+      fontStyle={{ color:'#aaa' }}
       value={value}
       placeholder='请输入'
     />