feat(DragDrawer):自定义抽屉样式 (#351)

* fix(Divider):优化 gutter属性不生效问题

* feat(Divider): 增加分割线标题的位置调整功能 & 更新文档

* feat(Rating):增加自定义每项的提示信息 & 更新文档

* feat(Rating):增加只读功能 & 文档更新

* feat(Timeline): 增加改变时间轴内容相对位置功能 & 文档更新

* style(Timeline):Update Readme.md img

* feat(Timeline):增加自定义图标 & 文档更新

* feat(Timeline):优化自定义图标 & 文档更新

* feat:新增Calendar 日历组件

* doc(website): Update Calendar  Readme.md

* feat(Calendar):增加农历及假期展示 && 文档更新

* feat(Calendar):增加假日文字颜色

* feat(Calendar):左上角按钮增加自定义跳转功能&文档更新

* feat(Calendar):优化农历假日及文字排版

* feat(Calendar):处理文字长度

* fix(Calendar):优化安卓文字排版

* feat(Calendar):增加农历详情展示 & 文档更新

* feat(DragDrawer):新增DragDrawer 拖曳抽屉 & 文档更新

* doc(website): 增加DragDrawer目录

* feat(DragDrawer):增加自定义图标 & 文档更新

* feat(DragDrawer): 增加抽屉自定义样式 & 文档更新

* feat(DragDrawer): 增加抽屉自定义样式 & 文档更新

* feat(DragDrawer):自定义抽屉样式

Co-authored-by: 杨楠 <yangnan@nihaosi.com>

Author: Amber-Nan

packages/core/src/DragDrawer/README.md

@@ -54,3 +54,4 @@ export default function DragDrawerView({ route }: DragDrawerViewProps) {
 | `drawerHeight` | 抽屉高度 | Number | `300` |
 | `drawerBackgroundColor` | 指定抽屉背景色 | String | `#fff` |
 | `icon` | 自定义图标 | `IconsName | React.ReactElement | React.ReactNode` |  |
+| `style` | 自定义抽屉样式 | `StyleProp<ViewStyle>` |  |

packages/core/src/DragDrawer/index.tsx

@@ -11,6 +11,7 @@ import {
   UIManager, // 动画
   Animated, // 动画
   PanResponder, // 手指拖拽
+  StyleProp,
 } from 'react-native';
 import Icon, { IconsName } from '../Icon';
 
@@ -31,7 +32,7 @@ export interface DragDrawerProps extends ViewProps {
 }
 
 function DragDrawer(props: DragDrawerProps) {
-  const { drawerBackgroundColor = '#fff', drawerHeight = 300, children, icon } = props;
+  const { drawerBackgroundColor = '#fff', drawerHeight = 300, children, icon, style } = props;
 
   const [animatedViewHeight, setAnimatedViewHeight] = useState(new Animated.Value(drawerHeight));
   const [viewHeight, setViewHeight] = useState(drawerHeight);
@@ -73,7 +74,7 @@ function DragDrawer(props: DragDrawerProps) {
             //结束位置在折叠线一下 则关闭
             setViewHeight(30);
             Animated.timing(animatedViewHeight, {
-              toValue: 30,
+              toValue: 50,
               duration: 300,
               useNativeDriver: false,
             }).start();
@@ -116,13 +117,7 @@ function DragDrawer(props: DragDrawerProps) {
 
   return (
     <Animated.View
-      style={[
-        styles.drawer,
-        dynamicDrawerStyles,
-        {
-          height: animatedViewHeight,
-        },
-      ]}
+      style={StyleSheet.flatten([styles.drawer, dynamicDrawerStyles, style, { height: animatedViewHeight }])}
       {...panResponder.panHandlers}
     >
       <Animated.View style={[styles.viewPosition]}>