发布0.1.0版本，详细请看CHANGELO.md

CHANGELOG.md

@@ -6,4 +6,9 @@
 
 * TODO: 添加了CupertinoPopoverMenuList
 * TODO: 添加了CupertinoPopoverMenuItem
-* TODO: 修改了CupertionPopover动画,
+* TODO: 修改了CupertionPopover动画,
\ No newline at end of file
+
+## [0.1.0] - TODO: 改进了CupertionPopover和添加了CupertinoPopoverMenuItem
+
+* TODO: 改进了CupertionPopover箭头的位置
+* TODO: 改进了CupertinoPopoverMenuItem按下的动画，并且添加了onTap
\ No newline at end of file

README.md

@@ -6,7 +6,7 @@ Usage
 Add this to your package's pubspec.yaml file:
 ``` yaml
 dependencies:
-  cool_ui: "^0.0.9"
+  cool_ui: "^0.1.0"
 ```
 
 ## CupertinoPopover

lib/cool_ui.dart

@@ -4,5 +4,5 @@ import 'package:flutter/material.dart';
 part 'utils/screen_utils.dart';
 part 'utils/widget_utils.dart';
 
-part 'popover/cupertino_popover.dart';
-part 'popover/cupertino_popover_menu_item.dart';
+part 'widgets/popover/cupertino_popover.dart';
+part 'widgets/popover/cupertino_popover_menu_item.dart';
\ No newline at end of file

lib/popover/cupertino_popover.dart → lib/widgets/popover/cupertino_popover.dart

@@ -11,6 +11,10 @@ class CupertinoPopoverButton extends StatelessWidget{
   final Duration transitionDuration;
   const CupertinoPopoverButton({
     @required this.child,
+
+    @Deprecated(
+        '建议不要直接使用popoverBody,而是使用popoverBuild.'
+    )
     this.popoverBody,
     this.popoverBuild,
     this.popoverColor=Colors.white,
@@ -34,7 +38,6 @@ class CupertinoPopoverButton extends StatelessWidget{
         showGeneralDialog(
           context: context,
           pageBuilder: (BuildContext buildContext, Animation<double> animation, Animation<double> secondaryAnimation) {
-            final ThemeData theme = Theme.of(context, shadowThemeOnly: true);
             return Builder(
                 builder: (BuildContext context) {
                   return Container();
@@ -169,16 +172,17 @@ class CupertinoPopoverState extends State<CupertinoPopover>  with TickerProvider
     double arrowTop = 0.0;
     double bodyTop = 0.0;
     double bodyLeft = 0.0;
-    if(widget.attachRect.left > widget.width / 2 &&  ScreenUtil.screenWidth - widget.attachRect.right > widget.width / 2){ //判断是否可以在中间
-      arrowLeft = widget.attachRect.left + widget.attachRect.width / 2  - _arrowWidth / 2;
+    arrowLeft = widget.attachRect.left +  widget.attachRect.width / 2 - _arrowWidth / 2;
+    if(widget.attachRect.left > widget.width / 2 &&
+        ScreenUtil.screenWidth - widget.attachRect.right > widget.width / 2){ //判断是否可以在中间
+
       bodyLeft = widget.attachRect.left +  widget.attachRect.width / 2 - widget.width / 2;
     }else if(widget.attachRect.left < widget.width / 2){ //靠左
       bodyLeft = 10.0;
-      arrowLeft = bodyLeft + widget.radius;
     }else{ //靠右
       bodyLeft = ScreenUtil.screenWidth - 10.0 - widget.width;
-      arrowLeft = ScreenUtil.screenWidth - 10.0  - _arrowWidth - 5 - widget.radius;
     }
+
     if(isArrowUp){
       arrowTop = widget.attachRect.bottom;
       bodyTop = arrowTop + _arrowHeight;

lib/popover/cupertino_popover_menu_item.dart → lib/widgets/popover/cupertino_popover_menu_item.dart

@@ -24,36 +24,78 @@ class CupertinoPopoverMenuList extends StatelessWidget{
 }
 
 
-class CupertinoPopoverMenuItem extends StatelessWidget{
+class CupertinoPopoverMenuItem extends StatefulWidget{
   final Widget leading;
   final Widget child;
+  final VoidCallback onTap;
+  final bool isTapClosePopover;
 
-  const CupertinoPopoverMenuItem({this.leading,this.child});
+  const CupertinoPopoverMenuItem({
+    this.leading,
+    this.child,
+    this.onTap,
+    this.isTapClosePopover=true
+  });
 
+  @override
+  State<StatefulWidget> createState() =>CupertinoPopoverMenuItemState();
+}
 
+class CupertinoPopoverMenuItemState extends State<CupertinoPopoverMenuItem>{
+  bool isDown = false;
 
   @override
   Widget build(BuildContext context) {
     List<Widget> widgets = [];
-    if(leading != null){
+    if(widget.leading != null){
       widgets.add(Container(
         padding: EdgeInsets.only(left:5.0,right: 5.0),
         width: 35.0,
         height: 35.0,
         child: IconTheme(
             data:IconThemeData(color: Color(0xff007aff),size: 20.0),
-            child: leading
+            child: widget.leading
         ),
       ));
     }
     widgets.add(Expanded(child: DefaultTextStyle(style: TextStyle(
         color: Color(0xff007aff),
         fontSize: 17.0
-    ), child: child)));
-    return Padding(
-      padding: EdgeInsets.only(top:2.5,bottom: 2.5),
-      child: Row(
-          children: widgets
+    ), child: widget.child)));
+    return GestureDetector(
+      onTapDown: (detail){
+        setState(() {
+          isDown = true;
+        });
+      },
+      onTapUp: (detail){
+        if(isDown){
+          setState(() {
+            isDown = false;
+          });
+          if(widget.onTap != null){
+            widget.onTap();
+          }
+          if(widget.isTapClosePopover){
+            Navigator.of(context).pop();
+          }
+        }
+      },
+      onTapCancel: (){
+        if(isDown){
+          setState(() {
+            isDown = false;
+          });
+        }
+      },
+      child: Container(
+        color:isDown?Color(0xFFd9d9d9):Colors.white,
+        child: Padding(
+          padding: EdgeInsets.only(top:2.5,bottom: 2.5),
+          child: Row(
+              children: widgets
+          ),
+        ),
       ),
     );
 

pubspec.yaml

 name: cool_ui
-description: 用flutter实现一些我认为好看的UI控件
-version: 0.0.9
+description: 用flutter实现一些我认为好看的UI控件,目前暂时只有Popover，不过有什么觉得好看的可以提Issue
+version: 0.1.0
 author: Kevin <liangkaikevin@gmail.com>
 homepage: https://github.com/Im-Kevin/cool_ui