如何在flutter上修改父FloatingActionButton？
在Flutter中，要修改父FloatingActionButton的样式，可以通过以下步骤实现：
- 首先，确保你已经在项目中引入了
flutter/material.dart包。 - 创建一个新的自定义Widget，继承自
StatefulWidget，例如CustomFloatingActionButton。 - 在
CustomFloatingActionButton的build方法中，返回一个FloatingActionButton，并设置其属性。 - 在
CustomFloatingActionButton的build方法中，返回一个FloatingActionButton，并设置其属性。 - 在父Widget中使用
CustomFloatingActionButton替代原来的FloatingActionButton。 - 在父Widget中使用
CustomFloatingActionButton替代原来的FloatingActionButton。
通过以上步骤，你可以自定义父FloatingActionButton的样式。你可以根据需要修改背景颜色、前景颜色、阴影、形状等属性，以满足你的设计要求。
腾讯云相关产品和产品介绍链接地址：
相关·内容
默认的FAB在演示应用程序有阴影和涟漪的影响，当触摸。
然而，当FAB被移到另一个类时，它突然失去了这个效果，这使得它看起来相当简单。
是否有可能将阴影和涟漪动画带到普通的FAB中，同时将其保存在一个单独的类中？
Main.dart
import 'package:test_app/TestItem1.dart';
import 'package:flutter/material.dart';
void main() => runApp(new MyApp());
class MyApp extends StatelessWidge
浏览 0提问于2018-05-15得票数 3
回答已采纳
我想把方法从HomeState类调用到_MyHomePageState class.But，我不知道该怎么做。 这是main.dart： import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo&#
浏览 17提问于2020-07-03得票数 1
我是新手，我正在尝试做一个应用程序，但我被困在最初的阶段，不知道是什么问题。下面是我的代码：
import 'package:flutter/material.dart';
void main() => runApp(BMICalculator());
class BMICalculator extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: A
浏览 1提问于2020-07-30得票数 3
回答已采纳
我正在尝试从strapi获取数据，以便在我的flutter应用程序上显示。它显示类型'String‘不是'index’的类型'int‘的子类型。
我想展示这个product_page.dart组件上的产品：
import 'package:flutter/material.dart';
import 'package:flutter_ecommerce/models/app_state.dart';
import 'package:flutter_ecommerce/widgets/product_item.dart';
浏览 7提问于2021-02-21得票数 1
回答已采纳
我在build方法的第一行打印了url消息。在这里，url是正确的，但是webView没有作用。我使用webview_flutter库，版本是0.3.13； import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';
void main() => runApp(WebPage());
class WebPage extends
浏览 24提问于2019-09-09得票数 2
如何从外部函数更改StatefulWidget类中的“状态”？
例子如下：
在lib/main.dart中
import 'package:flutter/material.dart';
import 'increment-count.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
tit
浏览 0提问于2020-04-03得票数 3
回答已采纳
我不能在TextTheme类中更改ThemeData属性的颜色，即使代码没有出现任何错误。以下是我迄今所做的工作：
import 'package:flutter/material.dart';
void main() => runApp(BMICalculator());
class BMICalculator extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark(
浏览 4提问于2022-02-13得票数 0
我有这个应用：
我想在单击floatingActionButton时稍微缩小一点，但它抛出了这个异常
The method 'animateCamera' was called on null.
Receiver: null
Tried calling: animateCamera(Instance of 'CameraUpdate')
这是我的代码：
import 'package:flutter/material.dart';
import 'package:google_maps_flutter/google_maps_flu
浏览 0提问于2020-11-23得票数 1
我可以制作一个类似于Gmail应用程序的浮动动作按钮动画，但是当我的isExpanded是假的时候，我得到了一点空间。有解决办法吗？
这是我的密码
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter De
浏览 4提问于2021-03-23得票数 1
回答已采纳
我是新手，下面是我的代码
homepage.dart
import 'package:flutter/material.dart';
import './product_page.dart';
class Homepage extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: Text(&
浏览 1提问于2019-03-07得票数 5
回答已采纳
2回答
我还在学习如何使用颤音。试过颤振演示页面。现在只想换颜色。设法更改横幅颜色。现在在改变中心的背景色方面有困难。如何将中心的背景色从白色改为蓝色。
import 'package:flutter/material.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context)
浏览 8提问于2022-04-11得票数 0
我想创建一个应用程序，当我按floatingActionButton时，它会随机生成我的幸运号。我想在两个省道文件里做。让我向您展示dart.main和first_screen.dart中的代码。
dart.main
import 'package:demo/app_screens/first_screen.dart';
import 'package:flutter/material.dart';
void main() => runApp(MaterialApp(
debugShowCheckedModeBanner: false,
home
浏览 3提问于2020-01-08得票数 0
回答已采纳
3回答
堆栈位置不准确
、、
当容器被点击时，我想在容器上添加红色闪烁点，但是点的位置不准确。怎么修？
MyApp
import 'package:flutter/material.dart';
import 'blinking_dot.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flut
浏览 5提问于2020-02-26得票数 1
回答已采纳
在尝试遵循这个时，我遇到了以下错误。奇怪的是，谷歌搜索这条错误信息并没有带来任何有用的洞察力。
错误消息：
I/flutter ( 5472): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY
╞═══════════════════════════════════════════════════════════
I/flutter ( 5472): The following _CompileTimeError was thrown building MyApp(dirty, state: _MyAppState#f8841):
I/flutter ( 54
浏览 1提问于2018-07-09得票数 1
回答已采纳
在颤振项目中，我使用GetX包进行导航，但它并不适用于我。它还显示了调试控制台中的一些问题--“意想不到的格式，您只能在这里使用小部件和小部件函数”。
下面是我的main.dart文件-
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:jarvis/networking/login.dart';
void main() {
runApp(const MyApp());
//Get.to(Login());
}
浏览 2提问于2021-12-09得票数 0
我确实开发了一个应用程序，它在主页上使用谷歌地图。到了12岁的时候，我已经发现谷歌地图显示的是白色页面或者是某种部分倾斜的地图，它是从一个加载android键盘的屏幕上返回的。关键是所有的东西都能正常工作，直到下一个屏幕显示android键盘。在您聚焦到输入TextField之后，返回到map，您已经损坏了映射。如果你没有第一次有腐败，你应该看到一些闪烁在底部，重复2-4次后，你将看到白色地图。请帮我解决这个问题。下面是说明这个问题的代码
只是把你的google API_KEY放在manifest.xml上然后运行。谢谢。
main.dart：
import 'package:flut
浏览 12提问于2022-02-24得票数 0
我刚开始接触flutter，并试图弄清楚为什么通过Navigator将列表传递到另一个屏幕会修改原始列表。 我需要的是在下一个屏幕上从_otherScreenList递减时不修改homePageList。 我已经做了一个例子来演示正在发生的事情。尽管我只对_otherScreenList进行了更改，但homePageList正在被修改。 单击FAB +按钮以添加到homePageList，然后单击Next Screen。然后单击FAB减号按钮，它将修改widget.passedInList以及上一个屏幕的homePageList。 import 'package:flutter/ma
浏览 21提问于2020-01-18得票数 1
回答已采纳
下面的代码是一个例子来说明这个问题。下面的代码可以工作，但是下面的代码行： class WidgetCustom extends StatefulWidget { 在vsCode中有绿色下划线的"WidgetCustom“，当光标放在它上面时，它显示消息：”这个类(或这个类继承的类)被标记为@immutable，但它的一个或多个实例字段不是最终的“。 代码运行得很好。 使用这段代码安全吗？ 有没有办法在没有警告的情况下实现这一点？ import 'package:flutter/material.dart';
class WidgetCustom extends S
浏览 36提问于2019-05-31得票数 2
回答已采纳
我使用one answer 中的代码
import 'package:flutter/material.dart';
import 'package:flutter_inappwebview/flutter_inappwebview.dart';
Future main() async {
runApp(new MyApp());
}
class MyApp extends StatefulWidget {
@override
_MyAppState createState() => new _MyAppState();
}
class _M
浏览 4提问于2019-12-03得票数 1
我试图看到我的Raspberry pi的USB摄像头的图像，但是我不能，因为我不知道我是如何获得Raspberry pi流URL的，而且代码给了我defaultHeight: 480，defaultWidth: 640中的一个错误，有人能帮我解决这两个问题吗？谢谢!
import 'package:flutter/material.dart';
import 'package:flutter_vlc_player/flutter_vlc_player.dart';
void main() {runApp(MyApp());}
class MyApp extend
浏览 1提问于2020-05-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
