flutter-background 相关问题


如何让div在透明背景上有纯色?

<!DOCTYPE html> <html lang="pl"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div id="bg"> <div id="topbar"></div> </div> </body> </html> body { background: url(bg.jpg); margin: 0; } #bg { background-color: black; margin: 0; padding: 0; height: 100vh; opacity: 0.7; } #topbar { background-color: gray; height: 80px; width: 100%; } Ive tried adding opacity: 1 to the topbar div and rgba with alpha: 1. The result: there是一个图像,其上有黑色背景,不透明度为 0.7,顶部栏的不透明度也为 0.7。 我的目标是实现较暗的图像作为背景和纯色顶栏 div #topbar位于#bg内部,因此调整#bg的不透明度也会影响#topbar。我要做的是省略不透明度并将背景颜色更改为透明黑色。 看起来像这样: body { background: url(bg.jpg); margin: 0; } #bg { background-color: rgba(0, 0, 0, 0.7); margin: 0; padding: 0; height: 100vh; } #topbar { background-color: gray; height: 80px; width: 100%; } 这样只有背景颜色是透明的,而不是整个元素。


MatToolbar:尝试组合不同的工具栏模式

出现以下错误: MatToolbar:尝试组合不同的工具栏模式。显式指定多个 元素或仅将内容放置在 中 出现以下错误: MatToolbar:尝试组合不同的工具栏模式。要么显式指定多个 <mat-toolbar-row> 元素,要么仅将内容放置在单行的 <mat-toolbar> 中。 我的代码已经在 mat-toolbar 中应用了 mat-toolbar-row。然而,该错误仍然存在。 html文件的代码片段如下: <div class="wallpaper"> <mat-toolbar color="primary"> <mat-toolbar-row> <span>Welcome, User</span> <span class="example-fill-remaining-space"></span> <span class="align-center"></span> <span class="example-spacer"></span> <button mat-button>Create Incident </button> <a [routerLink]="['/closed']"><button mat-button style="color: white">Closed Incident</button></a> <span class="example-spacer"></span> <a [routerLink]="['/login']"><button mat-button>Logout</button></a> <img src="../../assets/hsbc_logo3.png" class="logo-hsbc"/> </mat-toolbar-row> <h1>INCIDENT MANAGEMENT SYSTEM</h1> </mat-toolbar> <h1>Welcome to Incident Management System</h1> <mat-card style="background: transparent"> <!-- Title of an Card --> <mat-card-title>Incident Details</mat-card-title> <mat-card-content> <form> <table > <tr> <td> <mat-form-field class="demo-full-width"> <mat-label >Description</mat-label> <textarea [(ngModel)]="incident.description" name="description" cdkTextareaAutosize cdkAutosizeMinRows="1" cdkAutosizeMaxRows="5" matInput></textarea> </mat-form-field> </td> <td> <h4>{{message}}</h4> </td> </tr> <tr> <td> <mat-form-field class="demo-full-width"> <input matInput [matDatepicker]="picker" placeholder="Incident Date" [(ngModel)]="incident.date" name="date" > <mat-datepicker-toggle matSuffix [for]="picker"></mat-datepicker-toggle> <mat-datepicker touchUi="true" #picker></mat-datepicker> </mat-form-field> </td> </tr> <tr> <td colspan="2"> <mat-form-field class="demo-full-width"> <input matInput placeholder="Incident Category" [(ngModel)]="incident.category" name="category"> </mat-form-field> </td> </tr> <tr> <td > <mat-form-field class="demo-full-width"> <mat-select placeholder="Application Owner" [(ngModel)]="incident.owner" name="owner"> <mat-option style="background-color:grey">-- Select--</mat-option> <mat-option style="background-color:cornsilk" value="1">BRV</mat-option> <mat-option style="background-color:cornsilk" value="2">FRTB</mat-option> <mat-option style="background-color:cornsilk" value="3">FSA</mat-option> </mat-select> </mat-form-field> </td> <td> <mat-form-field> <mat-select placeholder="Symphony Group" [(ngModel)]="incident.symphony_group" name="symphony_group"> <mat-option style="background-color:grey">-- Select --</mat-option> <mat-option style="background-color:cornsilk" value="1">MMO SheHacks</mat-option> <mat-option style="background-color: cornsilk" value="2">MMO IT INDIA</mat-option> </mat-select> </mat-form-field> </td> </tr> <tr> <td> <mat-form-field> <mat-select placeholder="Application" [(ngModel)]="incident.application" name="application"> <mat-option style="background-color:grey">-- Select--</mat-option> <mat-option style="background-color:cornsilk" value="1">BRV</mat-option> <mat-option style="background-color:cornsilk" value="2">FRTB</mat-option> <mat-option style="background-color:cornsilk" value="3">FSA</mat-option> </mat-select> </mat-form-field> </td> <td> <mat-form-field> <mat-select placeholder="Status" [(value)]="status" [(ngModel)]="incident.status" name="status"> <mat-option style="background-color:grey">-- Select --</mat-option> <mat-option style="background-color: green" value="1">Available</mat-option> <mat-option style="background-color: orange" value="2">Reduced</mat-option> <mat-option style="background-color: red" value="3">Unavailable</mat-option> </mat-select> </mat-form-field> </td> </tr> <tr> <td colspan="2"> </td> </tr> <tr> <td colspan="2" class="content-center"> <button style="margin:5px" mat-raised-button color="accent" (click)="submit()">Submit Incident</button> <button style="margin:5px" mat-raised-button color="accent" (click)="reset()">Clear</button> <button style="margin:5px" mat-raised-button color="accent">Raise BGCR</button> <button style="margin:5px" mat-raised-button color="accent">Raise Jira</button> </td> </tr> </table> </form> </mat-card-content> </mat-card> </div> 您需要移除 <h1>INCIDENT MANAGEMENT SYSTEM</h1> 或将其放入 <mat-toolbar-row> 内。 我无法在垫子工具栏中填充图像 有什么帮助吗?


自flutter 1.9:如何在浏览器中运行flutter应用程序? Flutter run -d chrome 不起作用

从 flutter 1.9 开始,flutter_web 被合并到 flutter 中。我尝试在 Chrome 浏览器中运行初始 flutter 应用程序,但失败了。操作系统是ubuntu 19.04 我成功使用的命令: 颤振升级...


带有边框半径和粘性标题的 HTML 表格

我有一个 HTML ,带有边框半径和使用位置的粘性标题:sticky,如下所示: https://codepen.io/muhammadrehansaeed/pen/OJpeeKP 但是,当使用 滚动时 我有一个带有 <table> 的 HTML border-radius 和使用 position: sticky 的粘性标题,如下所示: https://codepen.io/muhammadrehansaeed/pen/OJpeeKP 但是,当使用粘性标题滚动时,表格行会伸出粘性标题的圆角所在的位置。请参阅此图片的左上角: 有没有办法可以在使用粘性标题向下滚动时保持圆角,或者在标题变得粘性并从原始位置向下移动时删除粘性标题?理想情况下,我想要一个CSS解决方案。 您可以使用伪元素隐藏边框的某些部分: table thead th:first-child::before, table thead th:last-child::after { width: 1px; height: 5px; background: white; content: ""; display: block; position: absolute; top: 0px; } table thead th:first-child::before { left: -1px; } table thead th:last-child::after { right: -1px; } 正如Ivan建议的那样,似乎使用伪元素来覆盖标题下方不需要的边框是(令人惊讶的)唯一可行的选择。我建议使用伪不仅用于覆盖“外部”区域,而且还用于绘制弧线和填充“内部”区域。可以使用堆叠背景来做到这一点。应用于原始代码: /* § Additions / Changes */ table thead th { position: relative; } /* Pseudos exceeding header boundary by border width; with rectangle covering half circle and rest of height */ table thead th:last-child::after, table thead th:first-child::before { content: ""; position: absolute; top: 0; bottom: 0; left: calc(-1 * var(--global-border-width-1)); width: var(--global-border-radius); background-image: linear-gradient(to bottom, transparent var(--global-border-radius), var(--global-title-color) 0), radial-gradient(circle at var(--global-border-radius) var(--global-border-radius), var(--global-title-color) var(--global-border-radius), var(--global-content-background-color) 0); background-position: top left; background-size: var(--global-border-diameter) 100%, var(--global-border-diameter) var(--global-border-diameter); background-repeat: no-repeat; } table thead th:last-child::after { left: auto; right: calc(-1 * var(--global-border-width-1)); background-position: top right; } /* § Declarations and original style */ html { --global-content-background-color: white; --global-title-color: black; --global-background-color: lightblue; --global-border-color: black; --global-border-radius: 20px; --global-border-width-1: 10px; --global-space-fixed-2: 10px; --global-space-fixed-3: 15px; --global-border-diameter: calc(2 * var(--global-border-radius)); background-color: var(--global-content-background-color); } table { color: var(--global-title-color); background-color: var(--global-content-background-color); border-collapse: separate; border-color: var(--global-title-color); border-style: solid; border-radius: var(--global-border-radius); border-width: 0 var(--global-border-width-1) var(--global-border-width-1) var(--global-border-width-1); border-spacing: 0; width: 100%; } table thead { position: sticky; top: 0; z-index: 10; } table thead th { color: var(--global-background-color); background-color: var(--global-title-color); padding: var(--global-space-fixed-2) var(--global-space-fixed-3); vertical-align: bottom; } table tbody td { border-top: var(--global-border-width-1) solid var(--global-border-color); padding: var(--global-space-fixed-2) var(--global-space-fixed-3); vertical-align: top; } table tbody tr:last-child td:first-child { border-bottom-left-radius: var(--global-border-radius); } table tbody tr:last-child td:last-child { border-bottom-right-radius: var(--global-border-radius); } /* § Unrelated / demo */ * { scroll-margin-top: calc(var(--global-space-fixed-2) * 4 + 1rem); /* = height of sticky thead + top padding of cell, provided text in thead does not wrap */ scroll-margin-bottom: 1em; } td { height: 60vh; } td a { float: right } tr:last-child td { vertical-align: bottom; } a[name]:empty::before { content: attr(name); } th:not(#\0):hover::before { background-image: linear-gradient(to bottom, transparent var(--global-border-radius), #0F08 0), radial-gradient(circle at center, #00F8 var(--global-border-radius), #F2F4 0); background-position: top left; background-size: var(--global-border-diameter) 100%, var(--global-border-diameter) var(--global-border-diameter); } <table> <thead> <tr> <th>Fake non-transparent "border-radius"</th> </tr> </thead> <tbody> <tr> <td> <a href="#⬆️" name="⬇️"></a> For fixed header</td> </tr> <tr> <td> <a href="#⬇️" name="⬆️"></a> Using CSS stacked background images in pseudo elements</td> </tr> </tbody> </table> 只需从表格中删除边框,并为表格主体中的第一个和最后一个表格单元格添加左右边框: tbody td:first-child { border-left: 1px solid black; } tbody td:last-child { border-right: 1px solid black; } tbody tr:last-child td{ border-bottom: 1px solid black; } tbody tr:last-child td:first-child { border-bottom-left-radius: 2px; } tbody tr:last-child td:last-child { border-bottom-right-radius: 2px; } 当然是使用适当的缩进、嵌套和变量! 使用许多伪选择器看起来样式相当丑陋,但似乎可以解决您的问题。 有一个更紧凑的解决方案。只需将具有背景颜色的框阴影添加到第一个 < th > 和最后一个 < th > 即可隐藏元素。 在此示例中,在右侧,您可以看到表格行由于边框半径而可见。在左边,我应用了盒子阴影。 盒子阴影:0 -2.1rem 0 .6rem #E5E7EB; 在这里,它是灰色的,以便您可以看到它的工作原理,但您只需使用与背景相同的颜色即可使其完全不可见。 这是最终结果以及我正在使用的代码: th:第一个孩子 { 边界半径:0.75rem 0 0 0; 左边框:.1rem 实心 $color-gray-200; 框阴影:0 -2.1rem 0 .6rem $color-gray-200; } th:最后一个孩子{ 边界半径:0 0.75rem 0 0; 右边框:.1rem 实心 $color-gray-200; 盒子阴影:1rem -2.1rem 0 .6rem $颜色白色; } 可能需要调整框阴影以隐藏基于所选边框半径的行。 不确定你是否熟悉jquery,如果熟悉的话你可以在滚动内容时动态更改 border-top-left-radius: 等于粘性标题的半径,但这对于新手来说有点棘手jquery/JS。 其次,您可以将粘性标题封闭到父级(例如class="parent")),并将父级背景设置为白色,没有边框。并保持粘性标题的边框半径不变。因此,当您滚动内容时将位于该父级下方(例如 class="parent")。为了确保父级出现在该行上方,您可以给出 z-index: 10


将 flutter app 转换为 flutter web 时出现 Dio 错误

所以我在flutter上开发了一个应用程序,它使用Dio来发出HTTP请求。 我尝试将此应用程序用作 flutter web 应用程序,但似乎给了我错误。 这是我的代码...


Flutter 中可以使用什么包来代替 open_file?

我在 Flutter 中有一个项目,我正在使用 open_file 包。我已将 Flutter 生成的 Android apk 上传到 AppSweep,它返回以下问题:Insecure file location is retr...


Flutter Android Studio 未在新项目上显示 Flutter 应用程序

我已经在我的Windows 11笔记本电脑上成功安装了ANdroid Studio和Flutter。当我启动 Android Studio 并选择“新 Flutter 应用程序”时,它向我展示了这一点。谁能告诉我为什么。以及如何...


Flutter http 包导致“flutter build web”构建失败

我正在使用 Docker 在容器中运行 Web 版本的 Flutter。我已经能够让这个工作了;但是,一旦我在 main.dart 文件中导入 http 包(导入“package:http/http.dart”)...


VS 代码无法检测或运行 flutter

我正在做一个在 vs code 中使用 flutter 的项目,突然关闭后 vs code 就没有出现这个错误 flutter doctor 命令也显示没有问题。 医生总结


C 类似于 flutter 中的头文件?

在 C 中,您可以拥有包含大量导入的头文件。这可以在 Flutter 中完成吗? 您可以...


Flutter Firebase 设置和缺少 google_app_id。 Firebase 分析已禁用

我使用命令 flutter create test9_firebase_setup -a kotlin --platforms android 创建了一个新的 Flutter 应用程序。目标是连接到 firebase,并进行身份验证、分析和崩溃处理。 在我的


Flutter webview iOS 错误“targetPlatform.macOS 的默认 webview 实现,但没有”

我是 Flutter 新手,我尝试了 Flutter 的 webview,它在 Android 上运行良好 我试图检查 iOS 版本,结果发现 我在用 webview_flutter:^3.0.0 这是我的代码 导入'包:


Flutter中如何获取状态栏高度?

如何获取状态栏高度?


如何在 Android 的 flutter 应用程序中实现 pouchdb?

我需要在我的 flutter 应用程序中使用 pouchdb,以便与现有的 couchdb 服务器进行复制。 由于 pouchdb(或任何 couchdb 实现)没有支持 android 的原生 flutter 包,...


AndroidStudio:在 main.dart 中找不到入口点文件

我正在尝试 flutter 并已安装所有需要的依赖项,并尝试将 flutter 模板作为 Windows 应用程序运行。但我就是无法让 flutter run 配置正常工作,si...


Alpine Linux 容器上的 Flutter 安装无法“pub 升级”

我想在运行 Alpine Linux 的 Docker 容器上安装 Flutter。 我编写了以下 Dockerfile: 来自阿尔卑斯山 运行 apk 添加 bash 卷曲文件 git zip 运行 git 克隆 https://github.com/flutter/


使用 Flutter 包 share_plus 共享时图像不显示

我一直在尝试在 Windows 上运行的 Flutter 应用程序中创建一个共享按钮,以允许将图像共享到社交媒体平台。我尝试在 Flutter 中使用 share_plus 包。


凭证管理 API Flutter

如何在Flutter中实现凭证管理API? 我想在 Google 中保存登录凭据。如何在浏览器中调用凭证管理API?


Flutter 模拟器 > Android studio SDK Manager > 命令行工具安装问题

我刚刚开始学习Flutter。 在我的 Mac 上安装 Android studio 时出现错误 😭 (实际上,安装已完成,应用程序看起来不错。但 flutter doctor 返回问题) 我的环境...


无法运行任何flutter命令‘flutter工具无法访问文件或目录’

每当我运行 flutter 命令时,包括: 扑医生 扑干净 颤振通道[任何通道] ETC 我收到以下错误: Gregorys-MacBook-Pro:~ Gregory$ 扑动医生 未处理的异常...


Flutter - 如何在表单显示后 2 秒自动运行进程?

我有一个 Flutter 表单,我想在表单显示后 2 秒自动运行进程。 我该怎么做?


如何在flutter中正确登录apple?

我正在我的flutter应用程序中实现Apple登录方法。这是我登录 Apple 的代码: SignInWithApple() 异步 { var appleProvider = AppleAuthProvider(); 等待 FirebaseAuth.insta...


通过 flutter swagger_dart_code_generator 使用令牌身份验证

我目前正在学习 flutter 以及如何使用服务器后端开发移动应用程序。我遇到了 swagger_dart_code_generator 库,它基于


XCode/Flutter:尝试导出应用程序时如何修复“ExportOptions.plist”无效错误?

我的应用程序是用 Flutter 编写的,为了测试,我已经多次将其临时分发到我的 iPhone 上。为此,我在 Xcode 中打开我的 Flutter 项目,将其存档,选择分发...


无法运行flutter项目

我正在尝试让我的 flutter 项目运行。 运行 main.dart 时,我收到此错误消息,我不明白。 Language 语言:Dart 不参与视图提供者 com.jetbr...


如何在flutter中绘制自定义形状卡片

我只想制作这样的卡片


为什么我的 flutter 应用无法在 Android Studio 虚拟设备模拟器上运行?

我使用 Windows 电脑,正在学习开发 flutter 应用程序。当我尝试在模拟器(Android studio)上运行 flutter 应用程序时,我不断收到此错误消息,但如果我使用


Flutter 模糊某些文本

大家好,我在 Flutter 中面临模糊文本的问题 要求: 在 TextFormField 中输入时,遮盖文本的前 5 个字符。 示例:XXXXX4307R 但我必须掩盖...


Flutter 重定向 url,Salesforce oauth

我正在创建 Flutter 应用程序 (Android) 并向 Salesforce 进行身份验证 我将此包用于 oauth (授权代码授予流程),https://pub.dev/packages/oauth2_client 我有创造...


修复 Flutter GitHub 项目导入错误:Dart SDK 版本和空安全兼容性

从github导入flutter中的任何项目时,它显示“sdk:'> = 2.7.0的下限<3.0.0'" must be 2.12.0' or higher to enable null safety. The current Dart SDK (3.2.3)...


flutter pub run build_runner 构建已弃用

当我运行 flutter pub run build_runner build --delete-conflicting-outputs 时,出现以下错误: 已弃用。请改用“dart run”。 [INFO] 生成构建脚本已完成,耗时 169 毫秒 [警告] ../....


滚动时仅触发一次功能

我想在div滚动到视口时启动一个函数。我的问题是,每次我继续滚动时,该功能都会再次触发/启动。 HTML: <... 我想在 div 滚动到视口中时启动一个函数。我的问题是,每次我继续滚动时,该功能都会再次触发/启动。 HTML: <div class="box"></div> JS: $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); 总结一下:当div滚动到视口中时,应该启动“start”函数。但触发一次后就不能再触发了。 小提琴 您可以设置一个标志,例如: var started = false; function start() { if(!started) { alert("hello"); } started = true; } 演示 $(document).ready(function() { var started = 0; function start() { if(started==0) { alert("Alert only once"); } started = 1; } $(window).scroll(function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } }); }); *{margin:0;} .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <br /> <center> <br /> <h1>scroll down</h1> </center> <div class="box"></div> 有很多方法可以解决这个问题。您可以删除事件侦听器(因为您使用的是 jQuery,所以我将使用 on 和 off 方法): $(window).on('scroll', function() { if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); start(); } else { $(".box").removeClass("green"); } $(window).off('scroll'); }); 如果你希望窗口滚动方法在启动方法满足要求后停止..你可以这样做 $(document).ready(function() { var toggleScroll = false; function start() { alert("hello"); } $(window).one("scroll", checkToggleScroll); function checkToggleScroll(){ if ( $(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { $(".box").addClass("green"); toggleScroll = true; start(); } else { $(".box").removeClass("green"); } if(!toggleScroll){ $(window).one("scroll", checkToggleScroll); } } }); 当start()没有类$(".box)(在一定量的滚动后添加)时,只需运行"green"函数。 $(document).ready(function() { function start() { alert("hello"); } $(window).scroll(function() { if ($(window).scrollTop() >= $('.box').offset().top - ($(window).height() / 2)) { if (!$(".box").hasClass("green")) { $(".box").addClass("green"); start(); } } else { $(".box").removeClass("green"); } }); }); .box { background: red; height: 200px; width: 100%; margin: 800px 0 800px 0; } .green { background: green; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="box"></div>


填充区域显示的隐藏内容溢出,可以隐藏吗?

div{内边距:5px;溢出:隐藏;高度:20px} 某事某事某事某事某事某事 <style> div{padding:5px;overflow:hidden;height:20px} </style> <div class="container"> something something something something something something something something something something something something something something <div> 小提琴:https://jsfiddle.net/v21vgzfc/ 在CSS中是否可以使文本也隐藏在填充区域中而不添加另一层? 是的,我会使用边框而不是填充。像这样: div{ border:solid 5px #00f; overflow:hidden; height:20px } 我想请给div一个宽度 <style> div{padding:5px;overflow:hidden;height:40px; width:250px; background:#009} </style> 您可以通过使用边框而不是填充来解决此问题。 div { border: 5px solid blue; overflow: hidden; background-color: blue; height: 40px } 看看它是如何在 this Fiddle 中工作的。 U 应该在父元素内创建一个嵌套元素,并将 overflow: hidden 应用于该嵌套元素。 <div class="parent"> <div class="child"> <!-- Content here --> </div> </div> .parent { padding: 20px; overflow: hidden; } .child { overflow: hidden; }


Flutter:版本解决pubget失败

注意:meta 通过 flutter SDK 中的integration_test 固定到版本 1.10.0。 有关详细信息,请参阅 https://dart.dev/go/sdk-version-pinning。 因为 sdk 中的每个版本的integration_test都依赖于...


颤振定位

我是 Flutter 本地化新手。我正在尝试在我的 flutter IOS 应用程序中实现它,但出现以下错误: 方法“translate”被调用为空。 接收者:空 尝试拨打:trans...


仅在页面底部添加边距

我有一个始终固定在视图底部的 cookie 部分。 啦啦啦啦 我有一个始终固定在视图底部的 cookie 部分。 <section id="cookie-section"> <span id="cookie-text">Bla bla bla</span> </section> #cookie-section { min-height: 50px; width: 100%; position: fixed; display: flex; bottom: 0; background-color: rgba(38, 38, 38, 0.9); } 但是当你滚动并到达页面底部时,我想为其添加 50px 的 margin-bottom 。我该怎么做? 当你只是添加 margin-bottom: 50px; 到它时,它已经在开始时获得了我不想要的边距。仅当您滚动到达页面底部时。 可以使用滚动驱动动画,但支持还不好。 您可以使用 Google Chrome 测试以下内容 #cookie-section { min-height: 50px; inset: auto 0 0; position: fixed; display: flex; background-color: rgba(38, 38, 38, 0.9); color: #fff; animation: margin 2s; animation-timeline: scroll(root) } @keyframes margin { 0%,90% {margin-bottom:0;} 100% {margin-bottom:50px;} } body { min-height: 300vh; } <section id="cookie-section"> <span id="cookie-text">Bla bla bla</span> </section>


如何更改在 Android Studio 中运行的 Flutter 应用程序的入口点

我有一个 Flutter 应用程序,通常使用 Flutter run 命令在 VSCode 中运行。该应用程序有 3 种不同的风格,每种风格都有不同的入口点。以下是我在 VSCode 上运行应用程序的方式:


Flutter API 请求 BadState 响应

我目前正在尝试用flutter实现API请求。我已经在Postman中实现了ressuest并尝试了所有数据。结果成功了。然后我尝试实现这个请求...


LateError(LateInitializationError:字段'_userLocation@227004938'尚未初始化。)

我正在使用 Flutter 制作一个简单的位置跟踪应用程序。我的目标是学习定位系统。 首先,main.dart: 导入'包:flutter/material.dart'; 导入'包:geolocator/geoloca...


如何在flutter中实现自定义对话框?

我是 flutter 新手,需要创建一个图库应用程序,该应用程序需要自定义对话框来显示所选图像。我怎样才能实现它?


flutter抽象类无法实例化的错误

目前我正在学习Flutter和Dart,在编写代码时,我收到此错误消息:“抽象类无法实例化。:35”。 我不知道该怎么办,我跟着教程...


Flutter Hive 更新

返回ListTile( tileColor:组件颜色, 前导:图标按钮( 图标:widget.isDone? const Icon(Icons.check_box) : const Icon(Icons.check_box_outline_blank), 颜色:


Flutter Firebase Firestore 固定消息查询

我喜欢这个查询 查询> pageChat = _fireStore .collection('聊天') .where('chatUsersId', arrayContains: firebaseUser!.uid) .where('聊天...


flutter easy_localization 3.0.2 - 启动时的默认语言

我这个应用程序带有 flutter 3.0 和 easy_localization 3.0.2 包。 我想在应用程序启动时设置默认语言。 我使用 startLocale: Locale('ru', 'RU') 但它似乎不起作用。 它使用


我的 Flutter“生成 PDF”按钮不起作用 [已关闭]

我正在开发一个 Flutter 应用程序,我需要在按下按钮时生成 PDF。但是,“生成 PDF”按钮未按预期运行。我遇到了以下情况...


如何解决 Flutter 中 onPressed 的问题?

我是 Flutter 编程新手,在导航到新页面并使 onPressed 正常工作时遇到问题。我正在使用下面的代码片段,并且我已经看过其他教程 vi...


Flutter 中的高级地图数据可视化?

我在React中使用deck.gl、kepler.gl和mapbox/maplibre来进行地理空间数据的高级可视化。 是否可以使用 Flutter 中的库来做到这一点?我看过 flutter_map,但没有


“Flutter InAppWebView 无法正确处理 PDF 下载的 Blob URL”

我正在开发一个 Flutter 项目,其中使用 flutter_inappwebview 包来显示 Web 视图。我的目标是让用户能够下载可通过 blob URL 链接的 PDF 文件。然而...


为什么Flutter GoRouter会忽略pageKey

关于文档,如果 Flutter 识别到相同的密钥,它将更新 url 并保留页面(Widget)。在下面的代码中,pageKey 是在两个容器中设置的静态常量值。当导航...


如何使用flutter Saf包?

我已经从这里SAF阅读了flutter saf包文档,但我现在的问题是每次应用程序都要求提供权限,即使我已经提供了它。我想我错过了一些东西......


© www.soinside.com 2019 - 2024. All rights reserved.