多行文本将文本向上推并打破与其他小部件的顶部对齐

Question

我想将文本小部件与复选框小部件的顶部对齐。 以下小部件工作正常，直到文本为多行，将文本顶部向上而不是向下推。

 Container(
      color: Colors.red,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.center,
        children: <Widget>[
          Checkbox(
            shape: CircleBorder(),
            value: value,
            onChanged: (_) {},
          ),
          Expanded(
            child: Text(
              title,
            ),
          ),
        ],
      ),
    );

Answer 1

将行crossAxisAlignment设置为开始：CrossAxisAlignment.start，

用 Padding 包裹文本小部件（这并不是真正必要的）

    Container(
      color: Colors.red,
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: <Widget>[
          Checkbox(
            shape: CircleBorder(),
            value: value,
            onChanged: (_) {},
          ),
          Expanded(
            child: Padding(padding:EdgeInsets.all(8),
child:Text(
              title,
            ),
          ),
        ],
      ),
    );

将得到如下结果：