标签: flutter-layout

如何在 Flutter 中悬停文本?

您好,我想使用 Flutter 为我的文本悬停颜色。但我不知道怎么办。谁能告诉我该怎么做?这是我的代码......

Text(
                            "Lorem ipsum dolor sit amet,\n consectetur adipiscing elit.",
                            style: TextStyle(
                              color: Colors.white,
                              fontSize: 10,
                              fontFamily: 'Poppins',
                            
                            )),
Run Code Online (Sandbox Code Playgroud)

flutter flutter-dependencies flutter-layout flutter-animation flutter-web

1
推荐指数
1
解决办法
5873
查看次数

多个 setState 颤动仅更新第一个

下面是我的代码:
我面临的问题=>第一个按钮也更新第二个按钮状态。

但它应该以不同的方式工作:
首先仅使用第一个
第二个仅使用第二个

我只想实现第二个按钮的状态独立于其他按钮我需要更新什么谢谢,任何建议对我来说都会很棒

class _LinearProgressBar extends State<LinearProgressBar> {
  bool loadingLinear = false;
  bool loadingCircular = false;

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
            appBar: AppBar(
              title: const Text("CheckBox and Radio Button Stateful"),
            ),
            body: Center(
              child: Column(
                children: [
                  Container(
                    child: loadingLinear
                        ? const LinearProgressIndicator()
                        : const Text("Click to download "),
                  ),

           //Here is my first button which reflects the second button state as well
                  ElevatedButton(
                    style: ElevatedButton.styleFrom(
                      primary: Colors.red, …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

1
推荐指数
1
解决办法
150
查看次数

如何在颤振中显示数字上的正方形

在此输入图像描述

如何在 flutter UI 中的任意数字上显示正方形,如上面的示例?

dart flutter flutter-layout

1
推荐指数
1
解决办法
866
查看次数

如何在颤动中创建年龄范围滑块?

有人知道如何在颤动中创建年龄范围滑块吗?一个具有两个输入值的滑块。有点像Tinder必须选择最小和最大年龄。具有两个输入字段的滑块

flutter flutter-layout

0
推荐指数
2
解决办法
3676
查看次数

将屏幕均匀划分为4个不同的部分

帮帮我伙计们我是刚接触开发的新手我试图让这种类型的布局在这里是我想要的布局但我得到这个布局

看看布局是这里这是我的代码朋友请帮助我的朋友我已经开始了扑动的发展最近家伙我曾尝试过装箱和扩展课程以及

Home.dart

class HomeScreen extends StatefulWidget {
      @override
      State<StatefulWidget> createState() {
        HomeScreen_Page homecreatestate() => HomeScreen_Page();
        return homecreatestate();
      }
    }

    class HomeScreen_Page extends State<HomeScreen> {
      @override
      Widget build(BuildContext context) {
        // TODO: implement build
        return new MaterialApp(
          home: new Scaffold(
            appBar: new AppBar(
              title: new Text('Home'),
              backgroundColor: primarycolor,
            ),
            drawer: new Drawer(
              child: new ListView(
                children: <Widget>[
                  new UserAccountsDrawerHeader(
                    accountName: new Text('Ayub Baba'),
                    accountEmail: new Text('ayubbabants@gmail.com'),
                    currentAccountPicture: new CircleAvatar(
                      child: new Text(
                        'A',
                        style: new TextStyle(fontSize: 20.0, …
Run Code Online (Sandbox Code Playgroud)

dart flutter flutter-layout

0
推荐指数
1
解决办法
2539
查看次数

Flutter-如何按比例将视图居中(以乘子偏移为中心)

我想知道在Flutter中是否有模仿iOS Xcode约束的好方法,即将视图居中放置在另一个视图内(例如,垂直放置),并提供一个乘数,以使它不完全居中(沿着视图的50%向下居中)父视图),则定位为下降30%或下降70%或类似水平。

(而不是使用屏幕顶部的固定边距,我想将标题视图向下“浮动”屏幕高度的20%...)

flutter flutter-layout

0
推荐指数
1
解决办法
2889
查看次数

当显示键盘时,一切都推上去,我得到一个错误

我有以下代码:



    class _MyHomePageState extends State {
      @override
      Widget build(BuildContext context) {
        // This method is rerun every time setState is called, for instance as done
        // by the _incrementCounter method above.
        //
        // The Flutter framework has been optimized to make rerunning build methods
        // fast, so that you can just rebuild anything that needs updating rather
        // than having to individually change instances of widgets.
        return new Scaffold(
            body: new Column(
          children: [
            new Container(
              color: JBTheme.colorGreenBrand,
              height: 130.0, …
Run Code Online (Sandbox Code Playgroud)

flutter flutter-layout

0
推荐指数
2
解决办法
3704
查看次数

颤振应用程序中的Bottomnavigationbar项目图标

我想更改活动的bottomnavigationbar项目的图标,即,如果选择了该项目,则该图标将被填充,如果未选择,它将显示轮廓。 在此处输入图片说明

android ios flutter flutter-layout

0
推荐指数
1
解决办法
2306
查看次数

为什么CrossAxisAligment在Flex,Row和Column中不起作用?

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(
          'Flutter Demo'
        ),
      ),
      body: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Text(
            'Hell World!'
          )
        ],
      )
    );
  }
}
Run Code Online (Sandbox Code Playgroud)

为什么文字Hell World只能水平居中,而不是我所指定的垂直CrossAxisAligment

是否因为这样:问题

dart flutter flutter-layout

0
推荐指数
1
解决办法
641
查看次数

我如何在Flutter中设计此自定义小部件形状

我正在设计使用flutter的移动应用程序,但我不知道要设计自定义按钮或listTile还是任何类型的小部件,如下图所示 在此处输入图片说明

flutter flutter-layout

0
推荐指数
1
解决办法
171
查看次数