Как я могу использовать пакет уценки (для текста с маркером) внутри виджета ListView? Ничто не показывает, когда использовать его внутри ListView - PullRequest
Новая
       99

Как я могу использовать пакет уценки (для текста с маркером) внутри виджета ListView? Ничто не показывает, когда использовать его внутри ListView

0 голосов
/ 25 марта 2020

Это мой код. Я хочу использовать виджет MarkDown внутри виджета ListView. Но когда я ничего не использовал, чтобы показать на странице. Без 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,
          ),
        ],
      ),
    );
  }
}

1 Ответ

0 голосов
/ 26 марта 2020

Вы можете скопировать и запустить полный код ниже
Вы можете обернуть Markdown с помощью Container и предоставить height, потому что вы используете ListView
фрагмент кода 

Container(
            height: 200,
            child: Markdown(
              data: _markDownData,
            ),
          ),

рабочий демо

enter image description here

полный код 

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(),
    );
  }
}
...