Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Mobile] FlutterQuillView #272

Closed
DonnC opened this issue Jun 24, 2021 · 1 comment
Closed

[Mobile] FlutterQuillView #272

DonnC opened this issue Jun 24, 2021 · 1 comment

Comments

@DonnC
Copy link

DonnC commented Jun 24, 2021

My issue is on Mobile

Hello, great package 🔥
I would like to view my flutter quill documents (call them, notes) in a list view, like a list of my notes which are rendered same as in the editor like how these github issues shows.
I would like to know how to go about it or if there is any Implementation for this without using the editor, something similar to ZefyrView just for rendering notes in a column or list or grid like displaying ToDos or notes.
Similar issue to this zefyr issue

@Tristan-2021
Copy link

I show you a part of the code----
return FutureBuilder(
future: _sericeCllFeets.getfeedPost(),
builder: (context, snapshot) {
if(!snapshot.hasData){
return Center(child: CircularProgressIndicator(),);
}
List feets = snapshot.data!;
return _list( feets, _defaulStyles, context);
}
);
}
Widget _list( List feets, _defaulStyles, context){
return ListView.builder(
itemCount: feets.length,
itemBuilder: (context , index) {
Document doc = Document.fromJson(jsonDecode(feets[index].data!));

_control.QuillController _controller = _control.QuillController(
document: doc, selection: TextSelection.collapsed(offset: 0)
);
return Column(
mainAxisAlignment: MainAxisAlignment.start,
children : [
SizedBox(height: 20.0,),
SizedBox(height:10.0),
Container(
child: ListTile(
title: Text('Jhon Roiguez', style: TextStyle(fontSize: 18.0),),
leading:CircleAvatar() ,
),
),
QuillSimpleViewer(
controller: _controller,
truncateWidth: double.infinity,
truncateHeight: 300,
scrollBottomInset: 9.4,
truncate: true,
padding: EdgeInsets.all(10.0),
customStyles: _defaulStyles,
),

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants