Question

如何在底部和左侧/右侧为小吃栏设置空间？

Answer 1

小吃店有些很难更改。我发现一个非常易于使用的包装，您可以自定义它，但是您喜欢的包装将为您提供具有所有自定义属性的快餐店外观。

该程序包称为FlushBar

此软件包可用于IOS和Android。我亲自使用过，效果很好。此外，您可以在不使用支架的情况下使用FlushBar，在这种情况下，与小吃店一样，您必须能够引用支架来显示小吃店。像这样

class YourAwesomeApp extends StatelessWidget {



@override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'YourAwesomeApp',
      home: Scaffold(
        Container(
          child: Center(
            child: MaterialButton(
              onPressed: (){
                Flushbar(
                  title:  "Hey Ninja",
                  message:  "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
                  duration:  Duration(seconds: 3),              
                )..show(context);
              },
            ),
          ),
        ),
      ),
    );
  }
}

这是他们提供的使用冲洗栏的代码段。

<html>
<div class="dropzone" id="dropzoneFrom">
        </div>
        <div id="preview">
        </div>
        <div id="dropzonePreviewTemplate" style="display: none">
    <div id="template-preview" class="dz-preview dz-nofile-preview">
        <div class="small">
            <span class="" data-dz-name></span> <span class="pull-right">(<span class="dz-size" data-dz-size></span>)</span>
        </div>
    </div>
</div>
</html>

Answer 2

尝试flushbar，使用margin属性提供空间。

Flushbar(
  message: "Lorem Ipsum is simply dummy text of the printing and typesetting industry",
  icon: Icon(
    Icons.info_outline,
    size: 28.0,
    color: Colors.blue[300],
    ),
  duration: Duration(seconds: 3),
  leftBarIndicatorColor: Colors.blue[300],
  margin: EdgeInsets.all(8),
  borderRadius: 8,
)..show(context);

输出：

Answer 3

您可以用>>> binsearch_first([1, 3, 3, 7, 9], 3) 1 >>> binsearch_first(["Alice", "Bob", "Chloe", "Chloe", "Dave"], "Chloe") 2包装快餐栏的内容（文本），并根据需要提供Container或margin。下面的工作代码示例：

padding

希望这能回答您的问题。

Answer 4

尝试一下：一个临时解决方案：

Scaffold.of(context).showSnackBar(
    SnackBar(
       backgroundColor: Colors.transparent,
       content: Container(
         width: MediaQuery.of(context).size.width * 9,
         height: 30.0,
         color: Colors.red,
         padding: EdgeInsets.only(left: 100, right: 50, bottom: 5),
         child: Center(child:Text('Yay! A SnackBar!')),
      )
     )
   );

或

Scaffold.of(context).showSnackBar(
   SnackBar(
      backgroundColor: Colors.transparent,
      content: Container(
      width: MediaQuery.of(context).size.width * 9,
      height: 30.0,
      decoration: BoxDecoration(
         color: Colors.red,
         borderRadius: BorderRadius.circular(10.0)
      ),
      padding: EdgeInsets.only(left: 100, right: 50, bottom: 5),
      child: Center(
         child:Text('Yay! A SnackBar!')
         ),
       )
      )
   );

Answer 5

也许您可以尝试以下方法：

final snackBar = SnackBar(
    elevation: 6.0,
    behavior: SnackBarBehavior.floating,
    content: Text(
        "Snack bar test",
        style: TextStyle(color: Colors.white),
    ),
);

此处的主要更改是SnackBar类中存在 behavior 属性，该属性将 SnackBarHehavior 属性作为值。希望我的回答有帮助！

如何在扑打中改变小吃店的填充物

5 个答案: