Org-mode widgets for Flutter.
For parsing Org-mode documents, see org_parser. For an example application that displays Org-mode documents with org_parser and org_flutter, see orgro.
The simplest way to display an Org-mode document in your Flutter application is to use the Org
widget:
import 'package:org_flutter/org_flutter.dart';
class MyOrgViewWidget extends StatelessWidget {
Widget build(BuildContext context) {
return Org('''* TODO [#A] foo bar
baz buzz''');
}
}
See the example for more.
For more advanced usage, such as specifying link handling, use OrgController
in concert with OrgRootWidget
:
import 'package:org_flutter/org_flutter.dart';
Widget build(BuildContext context) {
final doc = OrgDocument.parse(rawOrgModeDocString);
return OrgController(
root: doc,
child: OrgRootWidget(
style: myTextStyle,
onLinkTap: launch, // e.g. from url_launcher package
child: OrgDocumentWidget(doc),
),
);
}
Place OrgController
higher up in your widget hierarchy and access via OrgController.of(context)
to dynamically control various properties of the displayed document:
IconButton(
icon: const Icon(Icons.repeat),
onPressed: OrgController.of(context).cycleVisibility,
);
Author: amake
Source Code: https://github.com/amake/org_flutter
#flutter #dart #mobile-apps