其他分享
首页 > 其他分享> > Wrap-组件

Wrap-组件

作者:互联网

 

 

 

import 'package:flutter/material.dart'; import 'res/listData.dart';
void main() {   runApp(MyApp()); }
class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {     return MaterialApp(         home: Scaffold(       appBar: AppBar(title: Text("flutterDemo")),       body: HomeContent(),     ));   } }
class HomeContent extends StatelessWidget {   @override   Widget build(BuildContext context) {     return Container(         height: 600,         width: 400,         color: Colors.pink.shade100,         padding: EdgeInsets.all(10),         child: Wrap(           spacing: 10, // 元素左右间距           runSpacing: 10, // 元素上下间距           // alignment: WrapAlignment.spaceEvenly,           // runAlignment: WrapAlignment.center, //spaceAround   end           direction: Axis.horizontal, // vertical           children: [             MyButton('第一集'),             MyButton('第一集'),             MyButton('第一集'),             MyButton('第一集'),             MyButton('第一集'),             MyButton('第二集'),             MyButton('第一集'),             MyButton('第二集'),             MyButton('第一集'),             MyButton('第二集'),             MyButton('第一集'),             MyButton('第二集'),           ],         ));   } }
class MyButton extends StatelessWidget {   String text;
  MyButton(this.text);   @override   Widget build(BuildContext context) {     return ElevatedButton(       child: Text(this.text),       onPressed: () {},     );   } }

标签:Widget,text,BuildContext,MyButton,组件,第一集,Wrap,第二集
来源: https://www.cnblogs.com/eric-share/p/15087032.html