flutter - 如何在flutter web中显示源代码?
问题描述
我想在flutter web中显示这个源代码。
Widget build(BuildContext context) {
return SafeArea(
top: true,
bottom: true,
child: Scaffold(
body: bodyView(),
),
);
}
解决方案
我之前的回答被版主删除了,所以这次我用一个具体的例子重新发布它。
您可以使用支持反引号的包flutter_markdown来显示格式化代码。包的示例文件有一个带有 dart 代码的示例。
代码示例:
const String _markdownData = """
## Code blocks
Formatted Dart code looks really pretty too:
```
void main() {
runApp(MaterialApp(
home: Scaffold(
body: Markdown(data: markdownData),
),
));
}
```
""";
class MyWidget extends StatefulWidget {
@override
State<StatefulWidget> createState() => _MyWidgetState();
}
class _MyWidgetState extends State<MyWidget> {
@override
Widget build(BuildContext context) {
final controller = ScrollController();
return Scaffold(
body: SafeArea(
child: Markdown(
controller: controller,
selectable: true,
data: _markdownData,
imageDirectory: 'https://raw.githubusercontent.com',
),
),
);
}
}
图片
推荐阅读
- powershell - 使用 powershell 读取文件并拆分文本,但它会引发错误
- spring-batch - Spring Batch - 映射和写入 1-> 多行
- mysql - 如何使用多列
- laravel - Laravel 补丁外部 API
- javascript - 澄清使用 Async/Await 解决 Promise 的顺序
- spring-boot - 如何运行spring boot重新打包目标
- javascript - 检查用户是否在特定的公会中 discord.js
- .htaccess - 如何在.htaccess中用问号替换斜杠?
- javascript - 如何在 Electron 中制作尺寸对象?
- python - 从最后一行熊猫数据框中获取第一个单元格