|
|
|
|
@ -1,5 +1,15 @@ |
|
|
|
|
import 'dart:convert'; |
|
|
|
|
import 'dart:io'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
|
import 'package:flutter_quill/flutter_quill.dart'; |
|
|
|
|
import 'package:flutter/services.dart'; |
|
|
|
|
import 'package:flutter_quill/models/documents/document.dart'; |
|
|
|
|
import 'package:flutter_quill/models/documents/nodes/leaf.dart' as leaf; |
|
|
|
|
import 'package:flutter_quill/widgets/controller.dart'; |
|
|
|
|
import 'package:flutter_quill/widgets/default_styles.dart'; |
|
|
|
|
import 'package:flutter_quill/widgets/editor.dart'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
class HomePage extends StatefulWidget { |
|
|
|
|
@override |
|
|
|
|
@ -7,66 +17,91 @@ class HomePage extends StatefulWidget { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
class _HomePageState extends State<HomePage> { |
|
|
|
|
int _counter = 0; |
|
|
|
|
QuillController _controller; |
|
|
|
|
final FocusNode _focusNode = FocusNode(); |
|
|
|
|
|
|
|
|
|
@override |
|
|
|
|
void initState() { |
|
|
|
|
super.initState(); |
|
|
|
|
|
|
|
|
|
void _incrementCounter() { |
|
|
|
|
setState(() { |
|
|
|
|
// This call to setState tells the Flutter framework that something has |
|
|
|
|
// changed in this State, which causes it to rerun the build method below |
|
|
|
|
// so that the display can reflect the updated values. If we changed |
|
|
|
|
// _counter without calling setState(), then the build method would not be |
|
|
|
|
// called again, and so nothing would appear to happen. |
|
|
|
|
_counter = Calculator().addOne(_counter); |
|
|
|
|
}); |
|
|
|
|
print(Directory.current.path); // / |
|
|
|
|
|
|
|
|
|
_loadFromAssets(); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Future<void> _loadFromAssets() async { |
|
|
|
|
try { |
|
|
|
|
final result = await rootBundle.loadString('assets/welcome.note'); |
|
|
|
|
final doc = Document.fromJson(jsonDecode(result)); |
|
|
|
|
setState(() { |
|
|
|
|
_controller = QuillController(document: doc, selection: TextSelection.collapsed(offset: 0)); |
|
|
|
|
}); |
|
|
|
|
} catch (error) { |
|
|
|
|
final doc = Document()..insert(0, 'Empty asset'); |
|
|
|
|
setState(() { |
|
|
|
|
_controller = QuillController(document: doc, selection: TextSelection.collapsed(offset: 0)); |
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@override |
|
|
|
|
Widget build(BuildContext context) { |
|
|
|
|
// This method is rerun every time setState is called, for instance as done |
|
|
|
|
// by the _incrementCounter method above. |
|
|
|
|
// |
|
|
|
|
// The Flutter framework has been optimized to make rerunning build methods |
|
|
|
|
// fast, so that you can just rebuild anything that needs updating rather |
|
|
|
|
// than having to individually change instances of widgets. |
|
|
|
|
if (_controller == null) { |
|
|
|
|
return Scaffold(body: Center(child: Text('Loading...'))); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return Scaffold( |
|
|
|
|
appBar: AppBar( |
|
|
|
|
title: Text("Demo Page"), |
|
|
|
|
), |
|
|
|
|
body: Center( |
|
|
|
|
// Center is a layout widget. It takes a single child and positions it |
|
|
|
|
// in the middle of the parent. |
|
|
|
|
child: Column( |
|
|
|
|
// Column is also a layout widget. It takes a list of children and |
|
|
|
|
// arranges them vertically. By default, it sizes itself to fit its |
|
|
|
|
// children horizontally, and tries to be as tall as its parent. |
|
|
|
|
// |
|
|
|
|
// Invoke "debug painting" (press "p" in the console, choose the |
|
|
|
|
// "Toggle Debug Paint" action from the Flutter Inspector in Android |
|
|
|
|
// Studio, or the "Toggle Debug Paint" command in Visual Studio Code) |
|
|
|
|
// to see the wireframe for each widget. |
|
|
|
|
// |
|
|
|
|
// Column has various properties to control how it sizes itself and |
|
|
|
|
// how it positions its children. Here we use mainAxisAlignment to |
|
|
|
|
// center the children vertically; the main axis here is the vertical |
|
|
|
|
// axis because Columns are vertical (the cross axis would be |
|
|
|
|
// horizontal). |
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center, |
|
|
|
|
children: <Widget>[ |
|
|
|
|
Text( |
|
|
|
|
'You have pushed the button this many times:', |
|
|
|
|
), |
|
|
|
|
Text( |
|
|
|
|
'$_counter', |
|
|
|
|
style: Theme.of(context).textTheme.headline4, |
|
|
|
|
), |
|
|
|
|
appBar: AppBar( |
|
|
|
|
backgroundColor: Colors.grey.shade800, |
|
|
|
|
elevation: 0, |
|
|
|
|
centerTitle: false, |
|
|
|
|
title: Text( |
|
|
|
|
'Flutter Quill', |
|
|
|
|
), |
|
|
|
|
actions: [ |
|
|
|
|
], |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
floatingActionButton: FloatingActionButton( |
|
|
|
|
onPressed: _incrementCounter, |
|
|
|
|
tooltip: 'Increment', |
|
|
|
|
child: Icon(Icons.add), |
|
|
|
|
), // This trailing comma makes auto-formatting nicer for build methods. |
|
|
|
|
body: _buildWelcomeEditor(context), |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Widget _buildWelcomeEditor(BuildContext context) { |
|
|
|
|
return Column( |
|
|
|
|
children: [ |
|
|
|
|
Divider(height: 1, thickness: 1, color: Colors.grey.shade200), |
|
|
|
|
Expanded( |
|
|
|
|
child: Container( |
|
|
|
|
color: Colors.white, |
|
|
|
|
padding: const EdgeInsets.only(left: 16.0, right: 16.0), |
|
|
|
|
child: QuillEditor( |
|
|
|
|
controller: _controller, |
|
|
|
|
scrollController: ScrollController(), |
|
|
|
|
scrollable: true, |
|
|
|
|
focusNode: _focusNode, |
|
|
|
|
autoFocus: true, |
|
|
|
|
readOnly: true, |
|
|
|
|
embedBuilder: _embedBuilder, |
|
|
|
|
enableInteractiveSelection: true |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
), |
|
|
|
|
], |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
Widget _embedBuilder(BuildContext context, leaf.Embed node) { |
|
|
|
|
if (node.value.type == 'hr') { |
|
|
|
|
final style = QuillStyles.getStyles(context, true); |
|
|
|
|
return Divider( |
|
|
|
|
height: style.paragraph.style.fontSize * style.paragraph.style.height, |
|
|
|
|
thickness: 2, |
|
|
|
|
color: Colors.grey.shade200, |
|
|
|
|
); |
|
|
|
|
} |
|
|
|
|
throw UnimplementedError( |
|
|
|
|
'Embeddable type "${node.value.type}" is not supported by default embed ' |
|
|
|
|
'builder of QuillEditor. You must pass your own builder function to ' |
|
|
|
|
'embedBuilder property of QuillEditor or QuillField widgets.'); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
li3317
4 years ago