flutter_quill编辑器自身背景色修改方法咨询
flutter_quill编辑器自身背景色修改方法咨询
嗨,我之前刚好折腾过这个问题,其实修改编辑器自身背景色的方法挺简单的,给你两种实用的方案:
方法一:用Container包裹编辑器(最直接)
因为flutter_quill的编辑器默认背景是透明的,所以只要给它套个带背景色的Container就行,代码示例如下:Container( color: Colors.grey[100], // 替换成你想要的背景色 child: QuillEditor( controller: _yourQuillController, readOnly: false, autoFocus: false, scrollController: ScrollController(), scrollable: true, focusNode: _yourFocusNode, // 其他必要参数... ), )方法二:通过Quill主题配置(更贴合组件体系)
如果你需要统一配置Quill相关的样式,可以用QuillThemeData来设置编辑器的画布背景色,直接在QuillEditor里指定theme参数即可:QuillEditor( controller: _yourQuillController, readOnly: false, theme: QuillThemeData( canvasColor: Colors.blue[50], // 这里设置编辑器背景色 ), // 其他必要参数... )
两种方法都能解决问题,第一种适合快速实现,第二种更适合需要统一管理Quill样式的场景,你可以根据自己的需求选~
备注:内容来源于stack exchange,提问作者PinTxO
相关产品推荐
相关产品推荐

