Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Flutter 颤振-如何以条状显示标记文字_Flutter_Markdown_Flutter Sliver - Fatal编程技术网

Flutter 颤振-如何以条状显示标记文字

Flutter 颤振-如何以条状显示标记文字,flutter,markdown,flutter-sliver,Flutter,Markdown,Flutter Sliver,我试图在SliverList中运行Markdown小部件(包:flatter_Markdown 0.2.0),但我遇到了一些问题 理想情况下,我希望在小条中的ExpandTile小部件中执行Markdown小部件,但现在我只想解决小条的Markdown子项问题 我发布的代码给了我一些问题: 我正确地看到了降价文本,但应用程序被冻结(我不能滚动,我什么也做不了)。当我使用widget MarkdownBody时,我有这种行为 我在使用小部件标记时看到一条错误消息: 这是我的示例的完整代码:

我试图在SliverList中运行Markdown小部件(包:flatter_Markdown 0.2.0),但我遇到了一些问题

理想情况下,我希望在小条中的ExpandTile小部件中执行Markdown小部件,但现在我只想解决小条的Markdown子项问题

我发布的代码给了我一些问题:

  • 我正确地看到了降价文本,但应用程序被冻结(我不能滚动,我什么也做不了)。当我使用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)