update doc

example/lib/main.dart

@@ -1,21 +1,24 @@
 /*
- * @Description: 
+ * @Description: example
  * @Author: ekibun
  * @Date: 2020-08-08 08:16:51
  * @LastEditors: ekibun
- * @LastEditTime: 2020-08-17 21:46:10
+ * @LastEditTime: 2020-08-20 14:42:10
  */
 import 'package:flutter/material.dart';
+import 'dart:typed_data';
 
-import 'package:flutter_qjs_example/test.dart';
+import 'package:dio/dio.dart';
+import 'package:flutter_qjs/flutter_qjs.dart';
+
+import 'code/editor.dart';
 
 void main() {
   runApp(MyApp());
 }
 
 class MyApp extends StatelessWidget {
-
-  const MyApp({ Key key }) : super(key: key);
+  const MyApp({Key key}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
@@ -24,8 +27,6 @@ class MyApp extends StatelessWidget {
       debugShowCheckedModeBanner: false,
       theme: ThemeData(
         appBarTheme: AppBarTheme(brightness: Brightness.dark, elevation: 0),
-        primaryColor: Color(0xfff09199),
-        accentColor: Color(0xffec818a),
         backgroundColor: Colors.grey[300],
         primaryColorBrightness: Brightness.dark,
       ),
@@ -35,5 +36,109 @@ class MyApp extends StatelessWidget {
       initialRoute: 'home',
     );
   }
+}
 
-}
+class TestPage extends StatefulWidget {
+  @override
+  State<StatefulWidget> createState() => _TestPageState();
+}
+
+class _TestPageState extends State<TestPage> {
+  String code, resp;
+  FlutterJs engine;
+
+  _createEngine() async {
+    if (engine != null) return;
+    engine = FlutterJs();
+    await engine.setMethodHandler((String method, List arg) async {
+      switch (method) {
+        case "http":
+          Response response = await Dio().get(arg[0]);
+          return response.data;
+        case "test":
+          return await arg[0]([
+            true,
+            1,
+            0.5,
+            "str",
+            {"key": "val", 0: 1},
+            Uint8List(2),
+            Int32List(2),
+            Int64List(2),
+            Float64List(2),
+            Float32List(2)
+          ]);
+        default:
+          return JsMethodHandlerNotImplement();
+      }
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text("JS engine test"),
+      ),
+      body: SingleChildScrollView(
+        padding: const EdgeInsets.all(16),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            SingleChildScrollView(
+              scrollDirection: Axis.horizontal,
+              child: Row(
+                children: [
+                  FlatButton(
+                      child: Text("create engine"), onPressed: _createEngine),
+                  FlatButton(
+                      child: Text("evaluate"),
+                      onPressed: () async {
+                        if (engine == null) {
+                          print("please create engine first");
+                          return;
+                        }
+                        try {
+                          resp = (await engine.evaluate(code ?? '', "<eval>"))
+                              .toString();
+                        } catch (e) {
+                          resp = e.toString();
+                        }
+                        setState(() {});
+                      }),
+                  FlatButton(
+                      child: Text("close engine"),
+                      onPressed: () async {
+                        if (engine != null) return;
+                        await engine.destroy();
+                        engine = null;
+                      }),
+                ],
+              ),
+            ),
+            Container(
+              padding: const EdgeInsets.all(12),
+              color: Colors.grey.withOpacity(0.1),
+              constraints: BoxConstraints(minHeight: 200),
+              child: CodeEditor(
+                onChanged: (v) {
+                  code = v;
+                },
+              ),
+            ),
+            SizedBox(height: 16),
+            Text("result:"),
+            SizedBox(height: 16),
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(12),
+              color: Colors.green.withOpacity(0.05),
+              constraints: BoxConstraints(minHeight: 100),
+              child: Text(resp ?? ''),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
+}