inlineFlex method

Widget inlineFlex({
  1. Axis direction = Axis.horizontal,
  2. MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
  3. CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,
})

inline-flex - 内联弹性布局 ⚠️ 部分支持:通过 IntrinsicWidth/IntrinsicHeight 包装 Row/Column 实现 在 Flutter 中,inline-flex 通过 IntrinsicWidth/IntrinsicHeight 限制尺寸来实现内联效果

Implementation

Widget inlineFlex({
  Axis direction = Axis.horizontal,
  MainAxisAlignment mainAxisAlignment = MainAxisAlignment.start,
  CrossAxisAlignment crossAxisAlignment = CrossAxisAlignment.center,
}) {
  if (direction == Axis.horizontal) {
    return IntrinsicWidth(
      child: Row(
        mainAxisAlignment: mainAxisAlignment,
        crossAxisAlignment: crossAxisAlignment,
        mainAxisSize: MainAxisSize.min,
        children: [this],
      ),
    );
  } else {
    return IntrinsicHeight(
      child: Column(
        mainAxisAlignment: mainAxisAlignment,
        crossAxisAlignment: crossAxisAlignment,
        mainAxisSize: MainAxisSize.min,
        children: [this],
      ),
    );
  }
}