使 Column force Container 与其他小部件 Flutter 的大小相同

Question

A DartPad example is here: https://dartpad.dev/cf6ab1d34f5b1022aa48ea8ced193de5 .

I am trying to make a fraction display, but I cannot get the container that is the fraction bar to not expand to the entire screen. This is the code I have right now:

Center(
   child: Column(
       children: <Widget>[
          Text("100"),
          Container(
              height: 2,
              color: Colors.black,
          ),
          Text("300"),
       ],
    ),
 )

Answer 1

Use IntrinsicWidth :

IntrinsicWidth(
  child: Column(
    children: [
      Text("100"),
      Container(
        height: 2,
        color: Colors.black,
      ),
      Text("300"),
    ],
  ),
)