textRow method
WidgetbookUseCase
textRow()
Implementation
WidgetbookUseCase textRow() {
return WidgetbookUseCase(
name: 'METextRow',
builder: (context) => Container(
width: double.infinity,
height: double.infinity,
color: Colors.white,
child: Center(
child: Row(
mainAxisAlignment:
context.knobs.list(label: "mainAxisAligment", options: const [
MainAxisAlignment.center,
MainAxisAlignment.end,
MainAxisAlignment.spaceAround,
MainAxisAlignment.spaceBetween,
MainAxisAlignment.spaceEvenly,
MainAxisAlignment.start,
]),
children: [
METext(
text: context.knobs.string(
label: "LText",
description: "Untuk mentukan isi text",
initialValue: "Perusahaan"),
color: context.knobs.list(
label: "LColor",
options: colorOption,
description: "Mengubah warna font"),
fontSize: context.knobs
.double.slider(label: "LFontSize", initialValue: 12, min: 9, max: 26),
fontWeight: context.knobs
.list(label: "LTextWeight", options: textWeight),
),
SizedBox(
width: context.knobs
.double.input(
label: "spacing",
description: "Memberi jarak antar text",
initialValue: 12)
.toDouble(),
),
METext(
text: context.knobs.string(
label: "RText",
description: "Untuk mentukan isi text",
initialValue: " : PT ABC mantab"),
color: context.knobs.list(
label: "RColor",
options: colorOption,
description: "Mengubah warna font"),
fontSize: context.knobs
.double.slider(label: "RFontSize", initialValue: 12, min: 9, max: 26),
fontWeight: context.knobs
.list(label: "RTextWeight", options: textWeight),
),
],
),
),
),
);
}