影片直播系統原始碼，自定義背景和狀態管理

影片直播系統原始碼，自定義背景和狀態管理

1.原始碼

Future<T> showModalBottomSheet<T>({
 
  @required BuildContext context,
 
  @required WidgetBuilder builder,
 
  Color backgroundColor,    //皮膚背景顏色
 
  double elevation,
 
  ShapeBorder shape,
 
  Clip clipBehavior,
 
  Color barrierColor,        //非皮膚的背景顏色
 
  bool isScrollControlled = false,
 
  bool useRootNavigator = false,
 
  bool isDismissible = true,  //點選外部是否消失
 
  bool enableDrag = true,    //是否拖拽消失
 
  RouteSettings routeSettings,
 
})

2.解決點選皮膚消失問題

/**
 * 底部皮膚,相當於彈出了一個新頁面
 * 預設點選消失，可以給子元件外面包一層GestureDetector並設定onTap返回false，攔截點選事件使點選底部皮膚區域，皮膚不消失。
 */
showModalBottomSheet(
        context: context,
        builder: (context) {
          return StatefulBuilder(
            builder: (context, setStateBottomSheet) {
              return GestureDetector(
                onTap: () {
                  return false;
                },
                child: Container(
                  decoration: BoxDecoration(
                      borderRadius: BorderRadius.only(
                        topLeft: Radius.circular(8),
                        topRight: Radius.circular(8),
                      ),
                      color: Colors.white),
                  height: ScreenAdapter.setHeight(500),
                  padding: EdgeInsets.fromLTRB(20, 20, 20, 0),
                 
                ),
              );
            },
          );
        },
       
        );

 以上就是 影片直播系統原始碼，自定義背景和狀態管理，更多內容歡迎關注之後的文章