Merge pull request #545 from nullptr-z/dev

docs(SpeedDial):修复文档遮挡，无法点击问题

Author: ChenlingasMx

packages/core/src/Button/index.tsx

@@ -105,7 +105,7 @@ export default function ButtonView<T>(props: ButtonProps) {
     borderWidth = 0;
   }
   const buttonStyle = {
-    backgroundColor,
+    backgroundColor: backgroundColor || '#fff5',
     borderColor,
     borderWidth,
     borderRadius,

packages/core/src/Input/index.tsx

@@ -182,12 +182,15 @@ const inputStyles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
     backgroundColor: 'transparent',
+    border: '1px solid',
+    paddingHorizontal: 5,
   },
   input: {
     flex: 1,
     color: '#000',
     backgroundColor: 'transparent',
     paddingVertical: 0,
+    paddingTop: 5,
   },
   always: {
     borderWidth: 1,

packages/core/src/MenuDropdown/README.md

@@ -1,7 +1,7 @@
-MenuDropdown
+MenuDropdown 下拉菜单
 ---
 
-菜单下拉按钮
+展开式菜单
 
 
 ### 基础示例
@@ -24,26 +24,7 @@ const Demo = () => {
 
 export default Demo;
 ```
-### 按钮颜色
-
 
-```jsx mdx:preview
-import React, { Component } from 'react';
-import { Text  } from 'react-native';
-import { MenuDropdown} from '@uiw/react-native';
-
-const Demo = () => {
-  return (
-    <MenuDropdown title="菜单" color="skyblue">
-      <MenuDropdown.Item><Text>首页</Text></MenuDropdown.Item>
-      <MenuDropdown.Item><Text>个人中心</Text></MenuDropdown.Item>
-      <MenuDropdown.Item><Text>列表</Text></MenuDropdown.Item>
-    </MenuDropdown>
-    );
-}
-
-export default Demo;
-```
 ### 加载状态
 
 
@@ -126,7 +107,6 @@ export default Demo;
 
 ### 按钮尺寸
 
-
 ```jsx mdx:preview
 import React, { Component } from 'react';
 import { Text  } from 'react-native';
@@ -203,6 +183,27 @@ const Demo = () => {
 
 export default Demo;
 ```
+
+### 按钮颜色
+
+```jsx mdx:preview
+import React, { Component } from 'react';
+import { Text  } from 'react-native';
+import { MenuDropdown} from '@uiw/react-native';
+
+const Demo = () => {
+  return (
+    <MenuDropdown title="菜单" color="skyblue">
+      <MenuDropdown.Item><Text>首页</Text></MenuDropdown.Item>
+      <MenuDropdown.Item><Text>个人中心</Text></MenuDropdown.Item>
+      <MenuDropdown.Item><Text>列表</Text></MenuDropdown.Item>
+    </MenuDropdown>
+    );
+}
+
+export default Demo;
+```
+
 ### props
 
 组件继承 [`TouchableOpacity`](https://facebook.github.io/react-native/docs/touchableopacity#docsNav)

packages/core/src/MenuDropdown/index.tsx

@@ -61,7 +61,7 @@ export default function MenuDropdown(props: MenuDropdownProps) {
   };
   return (
     <View style={[styles.menuBox, { height: listHeight + 50 }]}>
-      <Button {...btnProps} onPress={handleonPress} size={size}>
+      <Button {...btnProps} color={btnProps.color} onPress={handleonPress} size={size}>
         <Text>{title}</Text>
         <Icon name={btnIcon} size={17} />
       </Button>

packages/core/src/SpeedDial/README.md

@@ -17,10 +17,11 @@ import { View, Text, Dimensions } from 'react-native';
 
 function Demo() {
   return (
-    <View style={{ height: 800, background: '#ddd' }}>
+    <View style={{ height: 180, background: '#ddd' }}>
       <SpeedDial
         onOpen={()=>console.log('onOpen2')}
         onClose={()=>console.log('onClose')}
+        bottom={750}
         children={[
           {
             icon: 'plus',
@@ -56,11 +57,12 @@ import { View, Text, Dimensions } from 'react-native';
 
 function Demo() {
   return (
-    <View style={{ height: 800, background: '#ddd' }}>
+    <View style={{ height: 180, background: '#ddd' }}>
       <SpeedDial
        transitionDuration={2000}
         onOpen={()=>console.log('onOpen')}
         onClose={()=>console.log('onClose')}
+        bottom={750}
         children={[
           {
             icon: 'plus',

packages/core/src/WingBlank/README.md

@@ -7,21 +7,23 @@ WingBlank 两翼留白
 
 
 ```jsx  mdx:preview
-import React,{Component} from 'react';
-import { Text } from 'react-native';
+import React,{ Component } from 'react';
+import { View, Text } from 'react-native';
 import { WingBlank } from '@uiw/react-native';
 
 function Demo() {
   return (
-    <WingBlank>
-      <Text>两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留白两翼留两翼留白两翼留白两翼留白两翼留白</Text>
-    </WingBlank>
+    <View>
+      <WingBlank size="small">
+        <Text>两翼留白</Text>
+      </WingBlank>
+    </View>
   );
 }
 export default Demo
 ```
 
-size两翼留白的间距,默认`default`
+`size`两翼留白的间距,默认`default`
 
 ```jsx  mdx:preview
 import React,{Component,Fragment} from 'react';
@@ -32,13 +34,38 @@ function Demo() {
   return (
   <Fragment>
     <WingBlank size='small'>
-      <Text>两翼留白两翼留白</Text>
+      <Text>两翼留白</Text>
     </WingBlank>
     <WingBlank size='default'>
-      <Text>两翼留白两翼留白</Text>
+      <Text>两翼留白</Text>
     </WingBlank>
     <WingBlank size='large'>
-      <Text>两翼留白两翼留白</Text>
+      <Text>两翼留白</Text>
+    </WingBlank>
+  </Fragment>
+  );
+}
+export default Demo
+```
+
+两翼留白不换行
+
+```jsx  mdx:preview
+import React,{Component,Fragment} from 'react';
+import { Text } from 'react-native';
+import { WingBlank } from '@uiw/react-native';
+
+function Demo() {
+  return (
+  <Fragment>
+    <WingBlank size='small' style={{ display: 'inline' }}>
+      <Text>两翼留白</Text>
+    </WingBlank>
+    <WingBlank size='small' style={{ display: 'inline' }}>
+      <Text>两翼留白</Text>
+    </WingBlank>
+    <WingBlank size='small' style={{ display: 'inline' }}>
+      <Text>两翼留白</Text>
     </WingBlank>
   </Fragment>
   );
@@ -50,4 +77,4 @@ export default Demo
 
 | 参数 | 说明 | 类型 | 默认值|
 | ---- | ---- | ---- | ---- |
-| size | 两翼留白的间距 | `small`, `default`, `large` | `default` |
+| size | 两翼留白的间距 | `small`, `default`, `large` | `default` |