这是我的代码。我想使用ListView小部件内的MarkDown小部件。但是当我什么也不用显示在页面上时。没有ListView / Column,它可以正常工作。但是,我需要在ListView小部件内使用它。我想要类似下面的图片。谢谢。
class SettingsAccountDeleteMyAccount extends StatefulWidget {
@override
_SettingsAccountDeleteMyAccountState createState() => _SettingsAccountDeleteMyAccountState();
}
class _SettingsAccountDeleteMyAccountState extends State<SettingsAccountDeleteMyAccount> {
final testData = ["Flutter", "Dart", "Mobile Application", "Andriod Studio"];
@override
Widget build(BuildContext context) {
final _markDownData = testData.map((x) => "- $x\n").reduce((x,
y) => "$x$y");
return Scaffold(
appBar: AppBar(
title: Text('Delete my account'),
),
body: ListView(
padding: EdgeInsets.only(top: 20.0, left: 15.0, right: 10.0, bottom: 10.0),
children: <Widget>[
ListTile(
leading: Icon(
Icons.error,
color: Colors.red,
),
title: Text(
'Deleting your account will:',
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
letterSpacing: 0.3,
),
),
),
Markdown(
data: _markDownData,
),
],
),
);
}
}
您可以在下面复制粘贴运行完整代码您可以使用Markdown
将Container
换行并提供height
,因为您使用的是ListView
代码段
Container(
height: 200,
child: Markdown(
data: _markDownData,
),
),
工作演示
完整代码
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
class SettingsAccountDeleteMyAccount extends StatefulWidget {
@override
_SettingsAccountDeleteMyAccountState createState() =>
_SettingsAccountDeleteMyAccountState();
}
class _SettingsAccountDeleteMyAccountState
extends State<SettingsAccountDeleteMyAccount> {
final testData = ["Flutter", "Dart", "Mobile Application", "Andriod Studio"];
@override
Widget build(BuildContext context) {
final _markDownData =
testData.map((x) => "- $x\n").reduce((x, y) => "$x$y");
print(_markDownData);
return Scaffold(
appBar: AppBar(
title: Text('Delete my account'),
),
body: ListView(
padding:
EdgeInsets.only(top: 20.0, left: 15.0, right: 10.0, bottom: 10.0),
children: <Widget>[
ListTile(
leading: Icon(
Icons.error,
color: Colors.red,
),
title: Text(
'Deleting your account will:',
style: TextStyle(
color: Colors.red,
fontWeight: FontWeight.bold,
letterSpacing: 0.3,
),
),
),
Container(
height: 200,
child: Markdown(
data: _markDownData,
),
),
],
),
);
}
}
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: SettingsAccountDeleteMyAccount(),
);
}
}