css_text 0.9.1 css_text: ^0.9.1 copied to clipboard
This library allows you to use simple CSS inline styles to style your text.
import 'package:flutter/material.dart';
import 'package:css_text/css_text.dart';
void main() {
runApp(Home());
}
class Home extends StatelessWidget {
@override
Widget build(BuildContext context) {
String htmlContent = """
<body>
<p style="font-size:1.5em;color:#99ff0011">
Hello <b style="font-style:italic">World</b>!!
<br/>
How are you <span style="font-family:RobotoBlack;color:#ff0000;background:#33eeff00">today?</span>
<br/>
<b>But</b> why are you doing <a href="https://google.com">this?</a><br/>
<br/>
<span style="text-decoration: underline solid; font-size:2em">Can you tell <del>me</del>?</span>
<br/>
Please visit <a style="font-weight:bold;" href="https://docs.flutter.io">Flutter docs</a>
</p>
</body>
""";
var myRichText = HTML.toRichText(context, htmlContent, linksCallback: (link) {
print("You clicked on $link");
});
return MaterialApp(
home: Scaffold(
appBar: AppBar(title: Text("Demo")),
body: Container(padding:EdgeInsets.all(16.0), child:myRichText)
));
}
}