更新分享商品图片生成

.dart_tool/package_config.json

@@ -247,12 +247,6 @@
       "packageUri": "lib/",
       "languageVersion": "2.5"
     },
-    {
-      "name": "image_save",
-      "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/image_save-3.1.1",
-      "packageUri": "lib/",
-      "languageVersion": "2.1"
-    },
     {
       "name": "intl",
       "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/intl-0.16.1",
@@ -379,6 +373,12 @@
       "packageUri": "lib/",
       "languageVersion": "2.6"
     },
+    {
+      "name": "save_image",
+      "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/save_image-1.0.1",
+      "packageUri": "lib/",
+      "languageVersion": "2.1"
+    },
     {
       "name": "shared_preferences",
       "rootUri": "file:///Users/fnuser/.pub-cache/hosted/pub.flutter-io.cn/shared_preferences-0.5.12",
@@ -584,7 +584,7 @@
       "languageVersion": "2.1"
     }
   ],
-  "generated": "2020-09-27T12:18:22.038779Z",
+  "generated": "2020-09-28T01:22:36.945080Z",
   "generator": "pub",
   "generatorVersion": "2.7.2"
 }

lib/pages/favorite_page.dart

@@ -1,79 +0,0 @@
-import 'dart:typed_data';
-import 'dart:ui' as ui;
-
-import 'package:flutter/material.dart';
-import 'package:flutter/rendering.dart';
-import 'package:zhiying_base_widget/template/goods_share_template/goods_share_template.dart';
-import 'package:zhiying_comm/zhiying_comm.dart';
-import 'package:save_image/save_image.dart';
-
-class FavoritePage extends StatefulWidget {
-  @override
-  _FavoritePageState createState() => _FavoritePageState();
-}
-
-class _FavoritePageState extends State<FavoritePage> {
-  GlobalKey globalKey = GlobalKey();
-
-  @override
-  Widget build(BuildContext context) {
-    return Scaffold(
-      appBar: AppBar(
-        title: Text('收藏夹'),
-      ),
-      body: Column(
-        children: <Widget>[
-          Container(
-            width: 100,
-            height: 200,
-            child: Transform.scale(scale: 0.2, child:
-            RepaintBoundary(
-                key: globalKey,
-                child: GoodsShareTemplate()
-            ),),
-          ),
-          FlatButton(
-            child: Icon(Icons.add),
-            onPressed: () async {
-              try {
-                BuildContext buildContext = globalKey.currentContext;
-
-                if (null != buildContext) {
-                  RenderRepaintBoundary boundary =
-                  buildContext.findRenderObject();
-                  var image = await boundary.toImage();
-                  ByteData byteData =
-                  await image.toByteData(format: ui.ImageByteFormat.png);
-
-                  // final result = await ImageGallerySaver.saveImage(
-                  //     byteData.buffer.asUint8List());
-                  // var response = await Dio().get(
-                  //     "https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/image/h%3D300/sign=a62e824376d98d1069d40a31113eb807/838ba61ea8d3fd1fc9c7b6853a4e251f94ca5f46.jpg",
-                  //     options: Options(responseType: ResponseType.bytes));
-                  // final _imageSaver = ImageSaver();
-                  // final success = await _imageSaver.saveImages(
-                  //     imageBytes: byteData.buffer.asUint8List()
-                  // );
-                  // final success = await ImageGallerySaver.saveImage(
-                  //     byteData.buffer.asUint8List(),
-                  //     quality: 80,
-                  //     name: "hello");
-                  // bool success = await ImageSave.saveImageToSandbox(
-                  //     byteData.buffer.asUint8List(), "demo.png");
-                  // print('${success}');
-                  // print(result);
-                  bool isSaveSuccess =
-                  await SaveImage.save(
-                      imageBytes: byteData.buffer.asUint8List());
-                  print(isSaveSuccess ? "save success" : 'save fail');
-                }
-              } catch (err) {
-                Logger.error(err);
-              }
-            },
-          )
-        ],
-      ),
-    );
-  }
-}

lib/pages/favorite_page/favorite_page.dart

@@ -0,0 +1,82 @@
+import 'dart:typed_data';
+import 'dart:ui' as ui;
+
+import 'package:flutter/material.dart';
+import 'package:flutter/rendering.dart';
+import 'package:flutter/services.dart';
+import 'package:fluttertoast/fluttertoast.dart';
+import 'package:save_image/save_image.dart';
+import 'package:zhiying_base_widget/pages/favorite_page/preview_page.dart';
+import 'package:zhiying_base_widget/template/goods_share_template/goods_share_template.dart';
+import 'package:zhiying_comm/zhiying_comm.dart';
+
+class FavoritePage extends StatefulWidget {
+  @override
+  _FavoritePageState createState() => _FavoritePageState();
+}
+
+class _FavoritePageState extends State<FavoritePage> {
+  GlobalKey _globalKey = GlobalKey();
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(
+        title: Text('收藏夹'),
+      ),
+      body: Column(
+        children: <Widget>[
+          Container(
+            width: 100,
+            height: 200,
+            child: Transform.scale(
+              scale: 0.2,
+              child: GoodsShareTemplate(
+                contentKey: _globalKey,
+              ),
+            ),
+          ),
+          FlatButton(
+            child: Icon(Icons.add),
+            onPressed: () async {
+              try {
+                BuildContext buildContext = _globalKey.currentContext;
+
+                if (null != buildContext) {
+                  RenderRepaintBoundary boundary =
+                      buildContext.findRenderObject();
+                  ui.Image image = await boundary.toImage(pixelRatio: 2.0);
+                  // 注意：png是压缩后格式，如果需要图片的原始像素数据，请使用rawRgba
+                  ByteData byteData =
+                      await image.toByteData(format: ui.ImageByteFormat.png);
+                  Uint8List pngBytes = byteData.buffer.asUint8List();
+
+                  if (false) {
+                    bool isSaveSuccess =
+                        await SaveImage.save(imageBytes: pngBytes);
+                    if (isSaveSuccess) {
+                      Fluttertoast.showToast(msg: '保存成功');
+                    } else {
+                      Fluttertoast.showToast(msg: '保存失败');
+                    }
+                  }
+
+                  Navigator.push(
+                    context,
+                    MaterialPageRoute(
+                      builder: (context) => PreviewPage(
+                        image: Image.memory(pngBytes),
+                      ),
+                    ),
+                  );
+                }
+              } catch (err) {
+                Logger.error(err);
+              }
+            },
+          )
+        ],
+      ),
+    );
+  }
+}

lib/pages/favorite_page/preview_page.dart

@@ -0,0 +1,17 @@
+import 'package:flutter/material.dart';
+
+class PreviewPage extends StatelessWidget {
+  final Image image;
+
+  const PreviewPage({Key key, this.image}) : super(key: key);
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+      appBar: AppBar(),
+      body: Center(
+        child: image,
+      ),
+    );
+  }
+}

lib/register.dart

@@ -1,4 +1,4 @@
-import 'package:zhiying_base_widget/pages/favorite_page.dart';
+import 'package:zhiying_base_widget/pages/favorite_page/favorite_page.dart';
 import 'package:zhiying_base_widget/pages/goods_details_page/goods_details_page.dart';
 import 'package:zhiying_base_widget/pages/invited_friends/invited_friends.dart';
 import 'package:zhiying_base_widget/pages/launch_page/launch_page.dart';

lib/template/goods_share_template/goods_share_template.dart

@@ -1,25 +1,32 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 import 'package:zhiying_comm/zhiying_comm.dart';
 
 // 商品详情分享，合成模板
 class GoodsShareTemplate extends StatelessWidget {
-  const GoodsShareTemplate({Key key}) : super(key: key);
+  final GlobalKey contentKey;
+
+  const GoodsShareTemplate({Key key, this.contentKey}) : super(key: key);
 
   @override
   Widget build(BuildContext context) {
     return OverflowBox(
       maxHeight: double.infinity,
-      maxWidth: 375,
-      child: Container(
-        width: double.infinity,
-        padding: EdgeInsets.all(20),
-        color: Colors.white,
-        child: Column(
-          children: <Widget>[
-            _createHeader(),
-            _createImage(),
-            _createBottom(),
-          ],
+      maxWidth: 375, //固定宽度，保证所以手机下生成的模板一致
+      child: RepaintBoundary(
+        key: contentKey, // 用于导出模板样式的key
+        child: Container(
+          // 模板的内容
+          width: double.infinity,
+          padding: EdgeInsets.all(20),
+          color: Colors.white,
+          child: Column(
+            children: <Widget>[
+              _createHeader(),
+              _createImage(),
+              _createBottom(),
+            ],
+          ),
         ),
       ),
     );
@@ -56,13 +63,21 @@ class GoodsShareTemplate extends StatelessWidget {
     );
   }
 
+  // 商品图
   Widget _createImage() {
-    return AspectRatio(
-      aspectRatio: 1,
-      child: Container(
-        margin: EdgeInsets.only(top: 20, bottom: 20),
-        width: double.infinity,
-        color: Colors.redAccent,
+    return Padding(
+      padding: const EdgeInsets.only(top: 20, bottom: 20),
+      child: AspectRatio(
+        aspectRatio: 1,
+        child: Container(
+          width: double.infinity,
+          child: CachedNetworkImage(
+            imageUrl:
+                'https://img.alicdn.com/bao/uploaded/i1/2200818126974/O1CN01HvqWcg21O8mq9EPwf_!!0-item_pic.jpg_500x500.jpg',
+            fit: BoxFit.fitWidth,
+          ),
+          // color: Colors.redAccent,
+        ),
       ),
     );
   }
@@ -93,7 +108,11 @@ class GoodsShareTemplate extends StatelessWidget {
               margin: EdgeInsets.only(bottom: 12),
               width: 124,
               height: 124,
-              color: Colors.redAccent,
+              // color: Colors.redAccent,
+              child: CachedNetworkImage(
+                imageUrl:
+                    'https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=1410436569,3239963707&fm=26&gp=0.jpg',
+              ),
             ),
             Container(
               child: Row(