Flutter UI Widget介绍—Wrap

Wrap可以实现自动换行效果。

• runSpacing: 设置行间距
• spacing：设置同一行里面的元素间距。
• direction可以设置横向换行或者纵向换行。
• alignment可以指定换行的位置。

body: const Center(
        child: Wrap(
          direction: Axis.vertical,
          // direction: Axis.horizontal
          runSpacing: 20,
          spacing: 10,
          alignment: WrapAlignment.center,
          children: [
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),
            Text(
              '0',
              style: TextStyle(fontSize: 100),
            ),

          ],
        ),
      )