InheritedWidget提供了一种数据在widget树中从上到下传递、共享的方式 ，简而言之InheritedWidget 中暴露出来的数据能有效地向下(子widget)传播（和共享）信息如Flutter SDK中正是通过InheritedWidget来共享应用主题（Theme）和Locale (当前语言环境)信息的。InheritedWidgetabstract class Inherit
转载
2023-07-25 10:24:07
74阅读
# Flutter底部弹窗的iOS风格实现
在Flutter中，弹窗是一种常见的用户交互方式。特别是在iOS应用中，底部弹窗（Bottom Sheet）是一种非常受欢迎的设计模式。本文将为您介绍如何在Flutter中创建一个iOS风格的底部弹窗，并附带相关代码示例以及状态图和饼状图。
## 什么是底部弹窗？
底部弹窗是一个从屏幕底部滑上的控件，可以用来显示额外的信息或交互选项。它通常用于选择
原创
2024-10-12 05:28:18
428阅读
文章目录前言一、bottomSheet是什么？二、使用步骤1.showBottomSheet2.showModalBottomSheet3.给弹出的过程和返回的过程添加一个动画效果4.showCupertinoModalPopup总结 前言一、bottomSheet是什么？从底部弹出的提示框，或者是选择，显示框的功能。二、使用步骤1.showBottomSheet代码如下（示例）： 如果你在Sc
转载
2023-10-10 10:11:41
430阅读
背景开发flutter-ui过程中，遇到了全局弹窗问题友好的交互界面，能够产生更好的用户体验，比如查询接口较久或需要耗时处理程序时，给个loading效果。flutter组件中showDialog弹窗组件，能满足弹窗需求，但使用过程可能不太顺手。源码地址将从以下几点来分析与实现接口请求前的弹窗效果showDialog介绍实现简单弹窗接入dio package
弹窗关键点分析实现全局存储contex
转载
2024-05-31 07:05:13
319阅读
开局废话：由于公司app后期需要做混合开发，又担心h5的性能问题。于是迫不得已，只能两端齐搞，验证一些性能优化的问题。打开了一年前flutter正式发布时，蹭热度创建的现已布满藤蔓的仓库，微微颤抖的双手，开始敲击键盘。 先说下普通的
转载
2023-11-02 14:19:16
540阅读
BottomSheet是一个从屏幕底部滑起的列表（以显示更多的内容）。你可以调用showBottomSheet()或showModalBottomSheet弹出 效果： 文档：https://api.flutter.dev/flutter/material/BottomSheet-class.htm
转载
2021-08-13 09:24:00
2139阅读
介绍InheritedWidget 组件就是Flutter 中的一个功能组件，它可以实现Flutter 组件之间的数据共享，他的数据传递方向在Widget树传递是从上到下的 inheritedWidget 不继承自StatefulWidget，而是 InheritedWidget -> ProxyWidget -> Widget 这样的继承关系。简单来说，InheritedWidget
转载
2023-09-03 11:28:10
117阅读
在项目开发中，有时候需要仿照ios的底部弹框做效果作者博客文章目录弹框布局实现弹框弹框从下而上显示弹框的点击事件具体的结束事件点击空白让弹框消失问题hi，在项目开发中，有时候需要仿照ios的底部弹框做效果，比如我们在iPhone上面关闭定位的时候，就会弹出ios特有的底部弹框：1弹框布局：我们可以来看下这个弹框有哪些显示：标题（一个标题）选项（N个选项，此处图片只有关闭这一个选项）底部一个取消按钮
一，概述 Flutter中的操作提示主要有这么几种 SnackBar、BottomSheet、Dialog，因为 Dialog样式比较多，放最后讲好了二，介绍SnackBar SnackBar的源码相对简单构造函数const SnackBar({
Key key,
@required this.content, // 提示信息
this.ba
转载
2024-08-02 23:43:10
59阅读
最近在工作中遇到了这么一个需求：点击页面按钮，显示弹窗（弹窗内可展开多个列表，列表中有多条输入框，展开时整个弹窗内容超一屏），当弹窗内的内容滚动时，背景不随之滚动（一般滚动到底部或顶部后，内部滚动条会触发背景主页面滚动，如果背景页面超一屏）。当关闭弹窗时，主页面又可以恢复滚动。简而言之，就是弹窗背景锁定问题解决的思路很简单，当弹窗显示时，获取页面scrollTop高度，给背景主页面设置样式posi
转载
2023-07-20 21:26:59
318阅读
# Flutter iOS 底部适配指南
在开发 Flutter 应用时，适配不同平台（特别是 iOS）需要注意的地方很多。尤其是在 UI 布局方面，iOS 的设计标准和设备特性都对具体的实现方式有一定的影响。本文将介绍如何在 Flutter 应用中进行 iOS 的底部适配，确保应用在所有设备上视觉效果一致。
## 1. iOS 底部安全区
iOS 设备的底部边缘通常有一个“安全区域”，这个
原创
2024-10-12 06:33:07
225阅读
# Flutter 应用开发：判断 iOS 底部安全区域
在使用 Flutter 开发应用时，跨平台适配是一个非常重要的话题。对于 iOS 平台，尤其是 iPhone X 及更新机型，底部的安全区域对 UI 布局有着重要影响。本文将介绍如何判断 iOS 底部的安全区域，并提供代码示例。
## 什么是安全区域？
安全区域（Safe Area）是指在屏幕边缘与应用内容之间留出的空间。它确保应用的
原创
2024-09-12 03:42:50
56阅读
# 在 Flutter 中实现 iOS 底部空间的完整指南
在开发iOS应用时，处理底部空间是非常重要的，它可以帮助我们增加用户界面的灵活性，使其更友好。本篇文章将指导你如何在 Flutter 中实现这一点，特别是在 iOS 上的表现。以下是我们将要遵循的步骤：
## 流程概述
| 步骤 | 描述 |
|------|-
原创
2024-10-29 06:37:57
59阅读
# Flutter iOS底部沉浸实现指南
## 简介
在使用Flutter开发iOS应用时，实现底部沉浸效果可以提升用户体验。本文将向新手开发者介绍实现“Flutter iOS底部沉浸”的步骤和代码示例。
## 实现流程
下面是实现底部沉浸效果的步骤概览：
| 步骤 | 描述 |
| ------ | ------ |
| 1. 获取设备信息 | 获取设备的操作系统和版本号 |
| 2
原创
2024-01-21 09:44:22
277阅读
文章目录弹窗系列组件概述showDialogshowCupertinoDialogshowGeneralDialogshowBottomSheetshowModalBottomSheetshowCupertinoModalPopupAlertDialog 自定义样式CupertinoAlertDialog IOS风格SimpleDialog自定义Dialog 弹窗系列组件概述弹窗的基本内容分布区
转载
2023-10-16 19:39:43
1242阅读
# 在iOS中嵌入Flutter弹窗
随着Flutter的普及，越来越多的开发者希望在现有的iOS应用中嵌入Flutter组件。弹窗（Dialog）是一个常见的UI组件，本文将介绍如何在iOS中嵌入Flutter弹窗，并给出相应的代码示例。
## 理解iOS与Flutter的交互
iOS的原生部分和Flutter的部分可以通过平台通道（Platform Channel）进行通信。这意味着，我
## 在Flutter中实现iOS系统弹窗
在开发移动应用时，弹窗是与用户交互的重要方式。Flutter允许你创建自定义弹窗，但如果你需要使用iOS系统默认的弹窗，过程略有不同。本文将以简单的示例指导你实现层弹窗的过程，帮助你理解如何在Flutter中调用iOS系统的弹窗。
### 流程概览
下面是实现iOS系统弹窗的基本步骤：
| 步骤 | 描述 |
|------|------|
|
# Flutter iOS 风格弹窗
## 引言
Flutter是一款跨平台的移动应用开发框架，可以在iOS和Android平台上构建高性能、美观的应用程序。在Flutter中，我们可以使用对话框来显示弹窗，以便与用户进行交互。本文将介绍如何在Flutter中创建iOS风格的弹窗，并提供代码示例。
## Flutter中的对话框
在Flutter中，可以使用`showDialog`函数来显
原创
2023-12-27 06:51:44
393阅读
1.UIView下,UIImageView和UILabel的 userInteractionEnabled 默认是NO,要相应交互,就要设置为YES透明的UIView遮挡住了SuperView，使SuperView不能响应点击事件怎么办？把UIView的userInteractionEnabled属性设置为NO啊。2.如果点击一个父视图上的子视图没有反应,有两种情况:第一种就是上面的第一点,第二种
用过iphone的朋友相信都体验过页面上拉下拉有一个弹性的效果，使用起来用户体验很好；Android并没有给我们封装这样一个效果，我们来看下在Android里如何实现这个效果。先看效果，感觉有些时候还是蛮实用的。思路：其实原理很简单，实现一个自定义的Scrollview方法(来自网上大神)，然后在布局文件中使用自定义方法Scrollview就可以了。代码：自定义View，继承自Scrollview
