左揃えまたは右揃えの画像と、その画像を囲むテキストを含むレイアウトを作成しようとしています。 Flutter でこのようなレイアウトを構築することは可能ですか?
私が作成しようとしているレイアウトは次のとおりです。
ベストアンサー1
はい、Flutter でそのようなレイアウトを構築できるようになりました。たとえば、次のコードです。
import 'package:float_column/float_column.dart';
FloatColumn(
children: [
Floatable(
float: FCFloat.start,
maxWidthPercentage: 0.33,
padding: const EdgeInsetsDirectional.only(end: 12),
child: Image(image: AssetImage('bill-gates.jpeg')),
),
const WrappableText(
text: TextSpan(
text: 'A floating image',
style: TextStyle(fontSize: 20, fontWeight: FontWeight.bold))),
const WrappableText(
text: TextSpan(
text:
'Iste quidem veteres inter ponetur honeste...')),
],
)
次のような結果が生成されます: