短视频app源码，Flutter组件--搜索页面布局

短视频app源码，Flutter组件--搜索页面布局

 

1

class LayoutDemo extends StatelessWidget {<br>  const LayoutDemo({Key? key}) : super(key: key);<br>  @override<br>  Widget build(BuildContext context) {<br>    return Padding(<br>      padding: const EdgeInsets.all(10),<br>      child: Wrap(<br>        alignment:WrapAlignment.spaceAround,<br>        spacing: 10, //水平间距   *<br>        runSpacing: 10, //垂直间距 *<br>        // direction:Axis.vertical,  *  <br>        children: [<br>      ),<br>    );<br>  }<br>}<br> <br>//自定义按钮组件<br>class Button extends StatelessWidget {<br>  String text; //按钮的文字<br>  void Function()? onPressed; //方法<br>  Button(this.text, {Key? key, required this.onPressed}) : super(key: key);<br> <br>  @override<br>  Widget build(BuildContext context) {<br>    return ElevatedButton(<br>      style: ButtonStyle(<br>          backgroundColor: MaterialStateProperty.all(<br>              const Color.fromARGB(241, 223, 219, 219)),<br>          foregroundColor: MaterialStateProperty.all(Colors.black45)),<br>      onPressed: onPressed,<br>      child: Text(text),<br>    );<br>  }<br>}

​

以上就是 短视频app源码，Flutter组件--搜索页面布局，更多内容欢迎关注之后的文章