Мне нужно создать приложение, похожее на Флаттер дизайн.
Я изо всех сил пытаюсь разместить текст там, где я хочу. Это мой код до сих пор
body: Padding(
padding: const EdgeInsets.all(0.1),
child: new Container(
child: new Center(
child: new ListView(
children: <Widget>[
new Card(//card 1
child: new Container(
color: Colors.grey,
padding: new EdgeInsets.only(
left: 160.0, top: 0.01, right: 160.0, bottom: 0.01),
child: new Column(
children: <Widget>[
new Text('My Profile')
],
),
),
),
],
),
)
),
)





Ваш большой отступ 160 создавал впечатление, что текст был сосредоточен на моем устройстве.
Вы всегда можете выровнять текст по левому краю внутри Columns, установив crossAxisAlignment на CrossAxisAlignment.start.
Этот код должен выдать результат, похожий на ваш рисунок (я также удалил некоторые ненужные Centers, Containers и Paddings):
Scaffold(
appBar: AppBar(),
body: ListView(
padding: const EdgeInsets.all(0.1),
children: <Widget>[
Card(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
padding: const EdgeInsets.symmetric(horizontal: 16),
width: double.infinity,
color: Colors.grey,
child: Text('My Profile'),
),
Padding(
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: Text('My text\nMy text\nMy text\nMy text'),
),
],
),
),
],
),
);
вы можете проверить
ListTileво флаттере, это действительно помогает