Flutter模仿实现苹果底部弹出框_flutter底部弹出动画

187 浏览量更新于2023-05-04 评论收藏 38KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源评论

资源推荐

Flutter 模仿实现苹果底部弹出框模仿实现苹果底部弹出框

Flutter 模仿苹果底部弹出框模仿苹果底部弹出框

新增BottmSheetDialog.dart

// 文件名称：SBottmSheetDialog.dart

// 创建日期：2020-01-010

// 文件描述：底部弹出框

// 修改履历：

// ---------------------------------------------------------------------------------

// 修改日期修改者修改标识修改描述 (首行为示例)

//**********************************************************************************

import 'dart:ui';

import 'package:flutter/material.dart';

/// 底部弹出框

class CommonBottomSheet extends StatefulWidget {

CommonBottomSheet({Key key, this.list, this.onItemClickListener})

: assert(list != null),

super(key: key);

final list;

final OnItemClickListener onItemClickListener;

@override

_CommonBottomSheetState createState() => _CommonBottomSheetState();

}

typedef OnItemClickListener = void Function(int index);

class _CommonBottomSheetState extends State {

OnItemClickListener onItemClickListener;

var itemCount;

double itemHeight = 44;

var borderColor = Colors.white;

double circular = 10;

@override

void initState() {

super.initState();

onItemClickListener = widget.onItemClickListener;

}

@override

Widget build(BuildContext context) {

Orientation orientation = MediaQuery.of(context).orientation;

Size screenSize = MediaQuery.of(context).size;

var deviceWidth = orientation == Orientation.portrait

? screenSize.width

: screenSize.height;

print('devide width');

print(deviceWidth);

/// *2-1是为了加分割线，最后还有一个cancel，所以加1

itemCount = (widget.list.length * 2 - 1) + 1;

var height = ((widget.list.length+1) * 48).toDouble();

var cancelContainer = Container(

height: itemHeight,

margin: EdgeInsets.only(left: 10, right: 10),

decoration: BoxDecoration(

color: Colors.white, // 底色

borderRadius: BorderRadius.circular(circular),

child: Center(

child: GestureDetector(

onTap: () {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

weixin_38720978

粉丝: 2
资源: 888

会员权益专享

Flutter 模仿实现苹果底部弹出框

评论0

会员权益专享

最新资源

Flutter 模仿实现苹果底部弹出框

评论0

仿IOS风格弹出窗口uiAlertView，解决嵌套弹出层问题

仿IOS风格对话框

仿ios弹出框效果（通用）

Visibility 组件实现底部弹出效果

flutter 底部弹出动画实现

flutter 聊天页面，底部输入栏键盘与表情页切换

flutter使用 Stack 组件来实现模态框向上弹出

请用flutter实现在macOS上实现鼠标右键弹出菜单的功能

flutter 使用TabbarController实现底部 tabbar 切换

flutter 实现按钮从底部缓缓上升

flutter showModalBottomSheet 显示不全

请用Flutter实现一个底部有三个tab,要求每个tab页面上都有一个独立的app bar

Flutter 实现列表多个勾选框

flutter 底部模态框 做法

flutter 实现底部 tabbar 切换

flutter 底部模态框 除了showModalBottomSheet 还有什么

flutter 如何设置底部导航栏 不让模态框遮盖？

flutter 解决键盘遮挡底部

flutter 底部模态框 不遮挡导航栏

flutter 键盘弹出事件

会员权益专享

最新资源

flutter 底部模态框做法

flutter 底部模态框除了showModalBottomSheet 还有什么

flutter 如何设置底部导航栏不让模态框遮盖？

flutter 底部模态框不遮挡导航栏