Flutter ----- 组件

65 阅读1分钟

格子列表

GridView.builder(
padding: EdgeInsets.all(15),
itemCount: 20,
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
    crossAxisCount: 2,
    mainAxisSpacing: Vmargin,
    crossAxisSpacing: Hmargin,
    childAspectRatio: 4 / 4,
),

itemBuilder: (context, index) {
    return Container(
    width: (size.width - Hmargin * 3) / 2,
    color: Colors.red,
     );
   },
);

圆角

Container(
    decoration: BoxDecoration(
            color: Colors.white,
            borderRadius: BorderRadius.only(
            topLeft: Radius.circular(24),
            topRight: Radius.circular(24),
          ),
     ),
)

分割线

Divider(
    height: 30,
    color: Colors.red,
    thickness: 9,
    indent: 100,
    endIndent: 10,
),