flutter-padding 相关问题

为什么 .className = .... 不起作用，而 classList.add() 却起作用？

.youtube-文本{ 字体系列：Arial；字体大小：更大； } .订阅按钮{ 字体系列...</desc> <question vote="0"> <pre><code><!DOCTYPE html> <html> <head> <style> .youtube-text { font-family: Arial; font-size: larger; } .subscribe-button { font-family: 'Arial Narrow Bold'; font-size: large; color: white; background-color: black; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } .is-subscribed { font-family: 'Arial Narrow Bold'; font-size: large; color: black; background-color: white; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } </style> <title> </title> </head> <body> <p2>Youtube Subscribe Button</p2><br><Br> <button class = 'subscribe-button' onclick=" subscribeButton(); ">Subscribe</button> <script async> function subscribeButton() { const subButton = document.querySelector('.subscribe-button'); if (subButton.innerHTML === 'Subscribe'){ subButton.innerHTML = 'Subscribed'; subButton.classList.add('is-subscribed'); } else { subButton.innerHTML = 'Subscribe'; subButton.classList.remove('is-subscribed'); } } </script> </body> </html> </code></pre> <pre><code><!DOCTYPE html> <html> <head> <style> .youtube-text { font-family: Arial; font-size: larger; } .subscribe-button { font-family: 'Arial Narrow Bold'; font-size: large; color: white; background-color: black; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } .is-subscribed { font-family: 'Arial Narrow Bold'; font-size: large; color: black; background-color: white; padding-left: 12px; padding-top: 12px ; padding-bottom: 12px ; padding-right: 12px; border-radius: 20px; } </style> <title> </title> </head> <body> <p2>Youtube Subscribe Button</p2><br><Br> <button class = 'subscribe-button' onclick=" subscribeButton(); ">Subscribe</button> <script async> function subscribeButton() { const subButton = document.querySelector('.subscribe-button'); if (subButton.innerHTML === 'Subscribe'){ subButton.innerHTML = 'Subscribed'; subButton.className = 'is-subscribed'; } else { subButton.innerHTML = 'Subscribe'; subButton.className = 'subscribe-button'; } } </script> </body> </html> </code></pre> <p>你好，我刚刚开始使用 JS，想知道我遇到的这个问题。顶部的代码有效，底部的代码无效，第一次单击时，它确实将类更改为已订阅，但是当我按下按钮，它给出了一个错误，并且不再改变它，我只是想知道为什么会这样。</p> </question> <answer tick="false" vote="0"> <p>默认的 DOM elemnt 对象没有名为 <pre><code>className</code></pre> 的属性。将 classList 属性与 <pre><code>.add()</code></pre> 和 <pre><code>.remove()</code></pre> 方法结合使用。</p> </answer> <answer tick="false" vote="0"> <blockquote> <p>但是当我按下按钮时，它给出了一个错误并且不再改变它</p> </blockquote> <p>当您按下按钮时，代码会按类查找元素：</p> <pre><code>const subButton = document.querySelector('.subscribe-button'); </code></pre> <p>但是该类没有这样的元素。当您设置 <em><code>className</code></em> 时，您<pre>删除了</pre>该类：</p> <pre><code>subButton.className = 'is-subscribed'; </code></pre> <p>这<em>用</em><code>class</code><pre>替换了</pre>整个<pre><code>is-subscribed</code></pre>，而不是<em>添加</em>到类列表中。</p> </answer> </body></html>

swiftUI picker（Picker 中内容的填充不起作用）

无论如何都可以在选择器中“填充”内容。如Picker中的“Text”.padding() 选择器（选择：$picked）{ ForEach(0...10, id: \...

C 中的结构填充

我读过有关 C 中结构填充的文章： http://bytes.com/topic/c/answers/543879-what-struct-padding 并在文章后写了这段代码，应该打印出 'struct pad' 的大小，如 16...

过多的padding导致NN模型精度下降

我训练了一个简单的神经网络模型来进行二元分类，并能够区分真假新闻 #创建模型的类类 FakeNewsDetectionModelV0(nn.Module): ...

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

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

Flutter 和 NextJS 中的 SEO

我在 Flutter SEO 上真的很挣扎。根据这篇文章，Flutter 中的 SEO 不好 https://docs.flutter.dev/platform-integration/web/faq#search-engine-optimization-seo 我在想如果

将 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...

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

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">  </div> </div> .parent { padding: 20px; overflow: hidden; } .child { overflow: hidden; }

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 不支持类文件主要版本 63 Android studio

更新Android版本和flutter版本后出现错误。现在我想添加“file_picker：^ 5.2.5”和“cached_network_image：^ 3.2.3”插件，这样就得到“

如何在flutter中正确登录apple？

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

错误：在此 BlocBuilder<InternetBloc> Widget<InternetBloc, InternetState> 上方找不到正确的提供程序

我在尝试将 flutter_bloc 集成到 flutter 项目中时遇到错误。错误：在此 BlocBuilder 上方找不到正确的 Provider 我在尝试将 flutter_bloc 集成到 flutter 项目中时遇到错误。错误：在此 BlocBuilder Widget 上方找不到正确的提供者这是我正在使用的代码示例。 internet_state.dart abstract class InternetState{} class InitialInternetState extends InternetState{} class LostConnectionInternetState extends InternetState{} class GainConnectionInternetState extends InternetState{} internet_event.dart abstract class InternetEvent{} class LostConnectionEvent extends InternetEvent{} class GainConnectionEvent extends InternetEvent{} internet_bloc.dart class InternetBloc extends Bloc<InternetEvent, InternetState>{ final Connectivity _connectivity = Connectivity(); StreamSubscription? streamSubscription; InternetBloc() : super(InitialInternetState()){ on<GainConnectionEvent>((event, emit) => emit(GainConnectionInternetState())); on<LostConnectionEvent>((event, emit) => emit(LostConnectionInternetState())); _connectivity.onConnectivityChanged.listen((event) { if(event == ConnectivityResult.mobile || event == ConnectivityResult.wifi){ add(GainConnectionEvent()); } else { add(LostConnectionEvent()); } }); } @override Future<void> close() { streamSubscription?.cancel(); return super.close(); } } main.dart class MyApp extends StatelessWidget { const MyApp({super.key}); @override Widget build(BuildContext context) { return MaterialApp( title: 'Flutter Demo', theme: ThemeData( colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple), useMaterial3: true, ), home: const MyHomePage(title: 'Flutter Demo Home Page'), ); } } class MyHomePage extends StatelessWidget { const MyHomePage({super.key, required this.title}); final String title; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text(title),), body: SafeArea( child: Center(child: BlocBuilder<InternetBloc, InternetState>( builder: (context, state) { return const Text("hello"); }, )), ),); } } 我明白了。 ======== 小部件库捕获异常====================================== =================== 构建 MediaQuery(MediaQueryData(size: Size(392.7, 783.3), devicePixelRatio: 2.8, textScaler: noscaling, platformBrightness: Brightness.light, padding: EdgeInsets.zero, viewPadding: EdgeInsets.zero, viewInsets: EdgeInsets 时抛出以下 ProviderNotFoundException。零，systemGestureInsets：EdgeInsets（29.8，24.0，29.8，8.0），alwaysUse24HourFormat：假，accessibleNavigation：假，highContrast：假，onOffSwitchLabels：假，disableAnimations：假，invertColors：假，boldText：假，navigationMode：传统，gestureSettings：DeviceGestureSettings （touchSlop：8.0），显示功能：[]））：错误：无法在此 BlocBuilder Widget 之上找到正确的提供程序发生这种情况是因为您使用了不包含提供程序的 BuildContext 你的选择。有以下几种常见场景：您在main.dart中添加了一个新的提供程序并执行了热重载。要修复此问题，请执行热重启。您尝试阅读的提供商处于不同的路线。提供商具有“范围”。因此，如果您在路线中插入提供者，那么其他路线将无法访问该提供商。您使用了 BuildContext，它是您尝试读取的提供程序的祖先。确保 BlocBuilder 位于您的 MultiProvider/Provider 下。当您创建提供程序并尝试立即读取它时，通常会发生这种情况。例如，代替： Widget build(BuildContext context) { return Provider<Example>( create: (_) => Example(), // Will throw a ProviderNotFoundError, because `context` is associated // to the widget that is the parent of `Provider<Example>` child: Text(context.watch<Example>().toString()), ); } 考虑使用builder，如下所示： Widget build(BuildContext context) { return Provider<Example>( create: (_) => Example(), // we use `builder` to obtain a new `BuildContext` that has access to the provider builder: (context, child) { // No longer throws return Text(context.watch<Example>().toString()); } ); } 如果这些解决方案都不起作用，请考虑在 StackOverflow 上寻求帮助： https://stackoverflow.com/questions/tagged/flutter The relevant error-causing widget was: SafeArea SafeArea:file:///Users/../Projects/flutterTest/bloc_test/lib/main.dart:37:13 When the exception was thrown, this was the stack: #0 Provider._inheritedElementOf (package:provider/src/provider.dart:343:7) #1 Provider.of (package:provider/src/provider.dart:293:30) #2 ReadContext.read (package:provider/src/provider.dart:649:21) #3 _BlocBuilderBaseState.initState (package:flutter_bloc/src/bloc_builder.dart:130:36) #4 StatefulElement._firstBuild (package:flutter/src/widgets/framework.dart:5602:55) #5 ComponentElement.mount (package:flutter/src/widgets/framework.dart:5447:5) ... Normal element mounting (4 frames) #9 Element.inflateWidget (package:flutter/src/widgets/framework.dart:4326:16) #10 Element.updateChild (package:flutter/src/widgets/framework.dart:3831:20) #11 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #12 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #13 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #14 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #15 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6743:14) #16 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #17 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #18 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #19 StatelessElement.update (package:flutter/src/widgets/framework.dart:5547:5) #20 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #21 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #22 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #23 StatelessElement.update (package:flutter/src/widgets/framework.dart:5547:5) #24 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #25 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #26 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #27 StatelessElement.update (package:flutter/src/widgets/framework.dart:5547:5) #28 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #29 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #30 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #31 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #32 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #33 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #34 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #35 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #36 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #37 Element.updateChildren (package:flutter/src/widgets/framework.dart:3964:32) #38 MultiChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6896:17) #39 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #40 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #41 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #42 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #43 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #44 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #45 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #46 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #47 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #48 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #49 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #50 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #51 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #52 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #53 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #54 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #55 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #56 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #57 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #58 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #59 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #60 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #61 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #62 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #63 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6743:14) #64 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #65 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #66 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #67 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #68 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #69 SingleChildRenderObjectElement.update (package:flutter/src/widgets/framework.dart:6743:14) #70 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #71 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #72 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #73 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #74 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #75 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #76 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #77 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #78 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #79 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #80 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #81 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #82 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #83 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #84 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #85 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #86 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #87 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #88 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #89 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #90 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #91 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #92 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #93 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #94 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #95 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #96 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #97 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #98 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #99 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #100 ProxyElement.update (package:flutter/src/widgets/framework.dart:5800:5) #101 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #102 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #103 StatefulElement.performRebuild (package:flutter/src/widgets/framework.dart:5634:11) #104 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #105 StatefulElement.update (package:flutter/src/widgets/framework.dart:5657:5) #106 Element.updateChild (package:flutter/src/widgets/framework.dart:3815:15) #107 ComponentElement.performRebuild (package:flutter/src/widgets/framework.dart:5496:16) #108 Element.rebuild (package:flutter/src/widgets/framework.dart:5187:7) #109 BuildOwner.buildScope (package:flutter/src/widgets/framework.dart:2895:19) #110 WidgetsBinding.drawFrame (package:flutter/src/widgets/binding.dart:984:21) #111 RendererBinding._handlePersistentFrameCallback (package:flutter/src/rendering/binding.dart:457:5) #112 SchedulerBinding._invokeFrameCallback (package:flutter/src/scheduler/binding.dart:1325:15) #113 SchedulerBinding.handleDrawFrame (package:flutter/src/scheduler/binding.dart:1255:9) #114 SchedulerBinding.scheduleWarmUpFrame.<anonymous closure> (package:flutter/src/scheduler/binding.dart:978:7) #118 _RawReceivePort._handleMessage (dart:isolate-patch/isolate_patch.dart:184:12) (elided 3 frames from class _Timer and dart:async-patch) ==================================================================================================== 我不想使用像 MultiProvider 这样的全局提供程序。您应该在某处创建 InternetBloc 并提供它。 MultiProvider 本身并不是全局的，它只是多个。更多信息在这里：https://bloclibrary.dev/#/flutterbloccoreconcepts?id=blocprovider 所以，如果您不想使用全局提供程序，它将看起来像这样： class MyHomePage extends StatelessWidget { const MyHomePage({super.key, required this.title}); final String title; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(title), ), body: SafeArea( child: Center( child: BlocProvider<InternetBloc>( create: ( context) => InternetBloc(), child: BlocBuilder<InternetBloc, InternetState>( builder: (context, state) { return const Text("hello"); }, ), ), ), ), ); } } 要使用 BlocBuilder，您需要在 Widget 树中放置一个 BlocProvider。最佳实践是将其放置得尽可能深。在您的情况下，只需将 BlocProvider 放在 BlocBuilder 之上。此外 MultiProvider / MultiBlocProvider 不是全局 Provider。它只是一个提供多个 Provider/BlocProvider 的便捷小部件。 class MyHomePage extends StatelessWidget { const MyHomePage({super.key, required this.title}); final String title; @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(title), ), body: SafeArea( child: Center( // Now everything below that can access the InternetBloc child: BlocProvider<InternetBloc>( create: (_) => InternetBloc(), child: BlocBuilder<InternetBloc, InternetState>( builder: (context, state) { return const Text("hello"); }, ), ), ), ), ); } }

通过 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 我有创造...

有支持Linux-Arm64的Flutter WebView包吗？

我目前正在做一个Flutter项目，需要Linux上的webview功能，特别是针对ARM64架构。经过大量搜索，我还没有找到 webview pa...

调试运行时出现白屏问题

当我运行flutter应用时，如果我使用vscode工具左栏的debug在真机上运行flutter项目，真机总是白屏。然后当我使用A.. .

修复 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 毫秒 [警告] ../....

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...

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

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

我尝试运行 flutter build apk --release 并收到此错误

AppData\Local\Pub\Cache\hosted\pub.dev lutter_local_notifications-16.3.3 ndroid\src\main\jav

Flutter API 请求 BadState 响应

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

Flutter - 错误：JAVA_HOME 在 macos 中设置为无效目录

我正在使用 android studio 开发 android 原生和 flutter 项目。我的android本机项目jdk设置为/Applications/AndroidStudio.app/Contents/jbr/Contents/Home并且我已经下载了...

将 2 个弹性列合并为 1 个交替的子列

我有一个有 2 列的弹性容器。每列也是一个弹性容器，里面有许多盒子。我有一个 flex 容器，有 2 列。每列也是一个弹性容器，里面有许多盒子。 <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div> 我希望在移动视图中，2 列变成 1。现在，我通过将 flex-direction: column 添加到 flex-container 来实现这一点，这使得 2 列彼此重叠（垂直，而不是 z 轴）。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } } 但现在我还需要重新排列框的顺序，以便在移动视图中显示为 A、C、D、E、B。我认为仅使用 CSS 无法实现这一点，因为它需要“破坏”弹性列。这是我目前拥有的沙箱：https://codepen.io/marcysutton/pen/ZYqjPj 顺便说一句，这是在 React 应用程序中，所以我可能必须以编程方式重新排列框。如果可能的话，我只是更喜欢使用 CSS 来做到这一点。在下部宽度处使用 display: contents“破坏”包装 div，然后在 order 上使用 .boxB。 .flex-container { display: flex; gap: 10px; padding: 10px; max-width: 800px; } .column { display: flex; flex-direction: column; flex: 1; gap: 10px; } .left-column { flex: 2; } .right-column { flex: 1; } .box { border: 1px solid lightgrey; border-radius: 8px; padding: 8px; } @media (max-width: 800px) { .flex-container { flex-direction: column; } .column { display: contents; } .boxB { order: 2; } } <div class="flex-container"> <div class="column left-column"> <div class="box boxA">Box A</div> <div class="box boxB">Box B</div> </div> <div class="column right-column"> <div class="box boxC">Box C</div> <div class="box boxD">Box D</div> <div class="box boxE">Box E</div> </div> </div>

LateError（LateInitializationError：字段'_userLocation@227004938'尚未初始化。）

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

Flutter构建Web，如何为包生成source-map

使用 flutter build web --source-maps 构建应用程序时，生成的源映射文件不包含有关来自包的代码的信息。有没有办法也包含包

如何让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%; } 这样只有背景颜色是透明的，而不是整个元素。

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

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

连接已关闭：javax.net.ssl.SSLException：标签不匹配

有人遇到过这个错误吗？我是 flutter 新手，运行我丢失的 flutter 示例文件时是否有任何问题？堆栈跟踪给了我 3 个错误，例如：

flutter-padding 相关问题

最新问题