· Developer

Markdown Renderer

Demo: [MarkdownRendererDemo.mp4] Pass a string of valid Markdown and this widget will render it according to Markdown rules! A low-effort way to give users a way to style a longer block of text without having to incorporate complicated text editors.

 Configure Params:[Screenshot 2022-10-02 at 14.08.55.png]Required Dependency: flutter_markdown:  ^0.6.10+3

Code:
```import 'package:flutter_markdown/flutter_markdown.dart';

class MarkdownRenderer extends StatefulWidget {
  const MarkdownRenderer({
    Key? key,
    this.width,
    this.height,
    required this.data,
  }) : super(key: key);

  final double? width;
  final double? height;
  final String data;

  @override
  _MarkdownRendererState createState() => _MarkdownRendererState();
}

class _MarkdownRendererState extends State {
  @override
  Widget build(BuildContext context) {
    return Container(
        child: Markdown(
            data: widget.data,
            styleSheet: MarkdownStyleSheet.fromTheme(Theme.of(context))));
  }
}``` 
1
3 replies