markdown_tooltip 0.0.5 markdown_tooltip: ^0.0.5 copied to clipboard
A tooltip supporting markdown and delayed popup to avoid clutter.
import 'package:flutter/material.dart';
import 'package:markdown_tooltip/markdown_tooltip.dart';
/// Flutter code sample for [MarkdownTooltip].
void main() => runApp(const MarkdownTooltipExampleApp());
class MarkdownTooltipExampleApp extends StatelessWidget {
const MarkdownTooltipExampleApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: const Text('MarkdownTooltip Sample')),
body: const Padding(
padding: EdgeInsets.all(20.0),
child: MarkdownTooltipSample(),
),
),
);
}
}
class MarkdownTooltipSample extends StatelessWidget {
const MarkdownTooltipSample({super.key});
@override
Widget build(BuildContext context) {
return const MarkdownTooltip(
message: '''
# Markdown Tooltip
I am a **markdown** tooltip. Notice the **bold** and *italic* text.
Tooltips should normally be short and are just reminders. But we can
slightly extend the tooltips to guide the user in their navigation and
use of the app.
+ Bullets are okay.
+ But they need to be separated by empty lines.
> This line begins with a greater than (>)
Here's some code:
```
flutter run --release
```
An ***ordered list*** example.
1. First example
2. Second example
---
Experiment and enjoy. Give your users a slightly better experience.
---
''',
child: Text('Hover over the text to show a tooltip.'),
);
}
}