草庐IT

flutter - 在 Flutter 中将 RaisedButton 居中

coder 2023-05-10 原文

我正在研究如何使这个按钮居中。

@override
  Widget build(BuildContext context) {
    return new MaterialApp(
      debugShowCheckedModeBanner: false,
      color: Colors.pinkAccent,
      home:new Scaffold(
        appBar: new AppBar(backgroundColor: Colors.white,),
        body: new Column(
            children: <Widget>[

               new Padding(
                padding: const EdgeInsets.symmetric(vertical: 10.0),
              ),
              new RaisedButton(

                splashColor: Colors.pinkAccent,
                color: Colors.black,
                child: new Text("Scan",style: new TextStyle(fontSize: 20.0,color: Colors.white),),
                onPressed: scan,
              ),
              new Padding(padding: const EdgeInsets.symmetric(vertical: 10.0), ),
              new Text('$_reader',softWrap: true, style: new TextStyle(fontSize: 30.0,color: Colors.black),),

         ],
        ),
      ),
    );
  }

来自这里:https://pub.dartlang.org/packages/barcode_scan#-example-tab- .

请帮我解决这个问题，谢谢。

编辑:如何将所有内容都集中在“body”中？

最佳答案

您可以使用 mainAxisAlignment 和 crossAxisAlignment 特性。或者你可以换行 Column使用 Center 的小部件小部件，但这只会使交叉轴居中，因为 Column扩展到它的父级，因此您还必须使用 mainAxisAlignment .当您想要对齐 Column 的子代时，还有其他元素可以从中受益。/Row ，比如:

//[MainAxisAlignment][1].start
//MainAxisAlignment.center
//MainAxisAlignment.end
//MainAxisAlignment.spaceAround
//MainAxisAlignment.spaceEvenly
//MainAxisAlignment.spaceBetween
//....
//[CrossAxisAlignment][1].baseline
//CrossAxisAlignment.start
//CrossAxisAlignment.center
//CrossAxisAlignment.end
//CrossAxisAlignment.stretch

另外，我看到你用过Padding在 RaisedButton 之间添加边距的小部件小部件和 Text小部件。 Padding也只是一个像 Container 这样的小部件.所以，改为 Padding您可以简单地使用 Container或 SizedBox有一些 height之间获得边距。

简单示例:

Column(
  mainAxisAlignment: MainAxisAlignment.center,
  crossAxisAlignment: CrossAxisAlignment.center,
  children: <Widget>[
    new RaisedButton(
      child: new Text("Click"),
      onPressed: (){},
    ),
    Container(height: 20.0),//SizedBox(height: 20.0),
    new Text('Hello'),
  ],
),

更新:

由于您是直接添加到 Scaffold body , 包裹 Column使用 Center小部件 并删除 crossAxisAlignment .这必须有效。

如果您尝试我的代码示例(使用 Container )，则不必使用 Center 进行包装小部件，因为我没有添加 width对于那个Container .

关于flutter - 在 Flutter 中将 RaisedButton 居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/50430991/

RaisedButtonfluttercodeMainAxisAlignment部件

有关flutter - 在 Flutter 中将 RaisedButton 居中的更多相关文章

  1. ruby-on-rails - 在 Rails 中将文件大小字符串转换为等效千字节 - 2

    我的目标是转换表单输入，例如“100兆字节”或“1GB”，并将其转换为我可以存储在数据库中的文件大小(以千字节为单位)。目前，我有这个:defquota_convert@regex=/([0-9]+)(.*)s/@sizes=%w{kilobytemegabytegigabyte}m=self.quota.match(@regex)if@sizes.include?m[2]eval("self.quota=#{m[1]}.#{m[2]}")endend这有效，但前提是输入是倍数(“gigabytes”，而不是“gigabyte”)并且由于使用了eval看起来疯狂不安全。所以，功能正常，

  2. ruby - 在 Ruby 中将整数格式化为固定长度的字符串 - 2

    有没有一种简单的方法可以将给定的整数格式化为具有固定长度和前导零的字符串？#convertnumberstostringsoffixedlength3[1,12,123,1234].map{|e|???}=>["001","012","123","234"]我找到了解决方案，但也许还有更聪明的方法。format('%03d',e)[-3..-1] 最佳答案 如何使用%1000而不是进行字符串操作来获取最后三位数字？[1,12,123,1234].map{|e|format('%03d',e%1000)}更新:根据theTinMan的

  3. ruby - 无法在 Ruby 中将 ffmpeg 作为子进程运行 - 2

    我正在尝试使用以下代码通过将ffmpeg实用程序作为子进程运行并获取其输出并解析它来确定视频分辨率:IO.popen'ffmpeg-i'+path_to_filedo|ffmpegIO|#myparsegoeshereend...但是ffmpeg输出仍然连接到标准输出并且ffmepgIO.readlines是空的。ffmpeg实用程序是否需要一些特殊处理？或者还有其他方法可以获得ffmpeg输出吗？我在WinXP和FedoraLinux下测试了这段代码-结果是一样的。 最佳答案 要跟进mouviciel的评论，您需要使用类似pope

  4. ruby - 如何在 Ruby 中将负整数转换为二进制 - 2

    问题1:我无法通过以下方式找到将负整数转换为二进制的方法。我应该像这样转换它。-3=>"11111111111111111111111111111101"我在下面试过:sprintf('%b',-3)=>"..101"#..appearsanddoesnotshow111111bit.-3.to_s(2)=>"-11"#Thisjustadds-tothebinaryofthepositiveinteger3.问题2:有趣的是，如果我使用在线转换器，它告诉我-3的二进制是“0010110100110011”。"11111111111111111111111111111101"和"001

  5. ruby - 在 Ruby 中将转义的 unicode (\u008E) 转换为重音字符 (Ž)？ - 2

    我遇到了一个非常困难的时期:#containedwithin:"MA\u008EEIKIAI"#shouldbe"MAŽEIKIAI"#natureofstring$pstring3"MA\u008EEIKIAI"$putsstring3MAEIKIAI$string3.inspect"\"MA\\u008EEIKIAI\""$string3.bytes#关于从哪里开始的任何想法？注意:这不是我的previousquestion的副本. 最佳答案 \u008E表示代码点为8e(十六进制)的unicode字符出现在字符串中的那个位置。

  6. arrays - 如何在下面的示例中将两个值数组分组为 n 个值数组？ - 2

    我已经有很多两个值数组，例如下面的例子ary=[[1,2],[2,3],[1,3],[4,5],[5,6],[4,7],[7,8],[4,8]]我想把它们分组到[1,2,3],[4,5],[5,6],[4,7,8]因为意思是1和2有关系，2和3有关系，1和3有关系，所以1,2,3都有关系我如何通过ruby​​库或任何算法来做到这一点？ 最佳答案 这是基本Bron–Kerboschalgorithm的Ruby实现:classGraphdefinitialize(edges)@edges=edgesenddeffind_maximum_

  7. ruby - 如何在 Ruby 中将变量用作变量名？ - 2

    我怎样才能使下面的代码工作，以便两个puts都显示1？video=[]name="video"name[0]=1putsname[0]#givesme1putsvideo[0]#givesmenil 最佳答案 您可以使用eval使其工作:eval"#{name}[0]=1"不过我强烈反对这样做。在大多数情况下，你认为你需要做类似的事情，你应该使用HashMap。喜欢:context={"video"=>[]}name="video"context[name][0]=1 关于ruby-如何

  8. ruby-on-rails - 如何在 Ruby on Rails 中将数组持久保存到数据库？ - 2

    我正在尝试将一个数组的数组保存到我在Rails中的SQLite数据库中。现在，我有一个可以容纳这样一个数组的对象，并且实例似乎可以毫无问题地保存。但是，它显然没有保存到数据库中——当我在与创建数组的View不同的View中调用My_Object.array上的函数时，结果为nil并且不起作用。例如:classMy_Object当我调用My_Object.new(:array=>[[1,2,3],[4,5,6]])时，一切似乎都正常工作，但我不能在其他任何地方访问:array属性，结果都是nil。有什么想法吗？ 最佳答案 首先在您的表

  9. ruby - 在 Ruby 中将哈希值转换为另一个哈希值 - 2

    我有一个字符串散列navigable_objects={'Dashboard'=>root_path,'Timesheets'=>timesheets_path,'Clients'=>clients_path,'Projects'=>projects_path,}我想将它们转换成另一个散列，其中键又是键，但值是字符串“active”或空字符串，具体取决于当前Controller名称是否包含键。例如，假设当前Controller名称是“ClientsController”。我应该得到的结果是:{'Dashboard'=>'','Timesheets'=>'','Clients'=>'ac

  10. ruby - 在 ruby​​ 中将函数作为参数传递 - 2

    我正在努力研究ruby​​中的函数式编程，但似乎没有太多好的文档。本质上，我正在尝试编写一个具有Haskell类型签名的组合函数:[a]->[a]->(a->a->a)->[a]所以combine([1,2,3],[2,3,4],plus_func)=>[3,5,7]combine([1,2,3],[2,3,4],multiply_func)=>[2,6,12]等等我发现了一些关于使用zip和map的东西，但使用起来感觉真的很难看。什么是最“ruby”的实现方式？ 最佳答案 嗯，您说过您了解zip和map，所以这可能没有帮助。但我会

随机推荐