Flutter 颤振-如何以条状显示标记文字
我试图在SliverList中运行Markdown小部件(包:flatter_Markdown 0.2.0),但我遇到了一些问题 理想情况下,我希望在小条中的ExpandTile小部件中执行Markdown小部件,但现在我只想解决小条的Markdown子项问题 我发布的代码给了我一些问题:Flutter 颤振-如何以条状显示标记文字,flutter,markdown,flutter-sliver,Flutter,Markdown,Flutter Sliver,我试图在SliverList中运行Markdown小部件(包:flatter_Markdown 0.2.0),但我遇到了一些问题 理想情况下,我希望在小条中的ExpandTile小部件中执行Markdown小部件,但现在我只想解决小条的Markdown子项问题 我发布的代码给了我一些问题: 我正确地看到了降价文本,但应用程序被冻结(我不能滚动,我什么也做不了)。当我使用widget MarkdownBody时,我有这种行为 我在使用小部件标记时看到一条错误消息: 这是我的示例的完整代码:
- 我正确地看到了降价文本,但应用程序被冻结(我不能滚动,我什么也做不了)。当我使用widget MarkdownBody时,我有这种行为
- 我在使用小部件标记时看到一条错误消息:
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
const String _markdownData = """# Markdown Example
Markdown allows you to easily include formatted text, images, and even formatted Dart code in your app.
## Styling
Style text as _italic_, __bold__, or `inline code`.
- Use bulleted lists
- To better clarify
- Your points
## Links
You can use [hyperlinks](hyperlink) in markdown
## Images
You can include images:
![Flutter logo](https://flutter.io/images/flutter-mark-square-100.png#100x100)
## Markdown widget
This is an example of how to create your own Markdown widget:
new Markdown(data: 'Hello _world_!');
## Code blocks
Formatted Dart code looks really pretty too:
void main() {
runApp(new MaterialApp(
home: new Scaffold(
body: new Markdown(data: markdownData)
)
));
}
Enjoy!
""";
void main() {
runApp(MaterialApp(
title: "Markdown Demo",
home: Scaffold(
appBar: AppBar(title: const Text('Markdown Demo')),
body: Container(
child: CustomScrollView(slivers: <Widget>[
SliverList(
delegate:
SliverChildListDelegate([Markdown(data: _markdownData)]),
)
])))));
}
图像不存在,这将冻结应用程序。仅当我在容器小部件中设置height属性时,使用SliverToBoxAdapter而不是SliverList才有效:
void main(){widget\u buildSliverToBoxAdapter(){返回SliverToBoxAdapter(子对象:容器(高度:400.0,子对象:Markdown)(数据:\ markdownData)),;}runApp(MaterialApp(标题:“降价演示”,主页:Scaffold(正文:CustomScrollView(片段:[[u buildSliverToBoxAdapter(),])));}
这是一个问题,因为标记文本的长度是动态的。请在SliverFill中尝试SliveToboxAdapter
import 'package:flutter/material.dart';
import 'package:flutter_markdown/flutter_markdown.dart';
const String _markdownData = """# Markdown Example
Markdown allows you to easily include formatted text, images, and even formatted Dart code in your app.
## Styling
Style text as _italic_, __bold__, or `inline code`.
- Use bulleted lists
- To better clarify
- Your points
## Links
You can use [hyperlinks](hyperlink) in markdown
## Images
You can include images:
![Flutter logo](https://flutter.io/images/flutter-mark-square-100.png#100x100)
## Markdown widget
This is an example of how to create your own Markdown widget:
new Markdown(data: 'Hello _world_!');
## Code blocks
Formatted Dart code looks really pretty too:
void main() {
runApp(new MaterialApp(
home: new Scaffold(
body: new Markdown(data: markdownData)
)
));
}
Enjoy!
""";
void main() {
runApp(MaterialApp(
title: "Markdown Demo",
home: Scaffold(
appBar: AppBar(title: const Text('Markdown Demo')),
body: Container(
child: CustomScrollView(slivers: <Widget>[
SliverList(
delegate:
SliverChildListDelegate([Markdown(data: _markdownData)]),
)
])))));
}
![Flutter logo](https://flutter.io/images/flutter-mark-square-100.png#100x100)