This pub lets you share any kind of files (csv, mp4, png etc), take screenshot of the widgets you want and return as Image and share them directly as well in the form of an image.
To use this package :
- add the dependency to your [pubspec.yaml] file.
dependencies:
flutter:
sdk: flutter
share_files_and_screenshot_widgets://define
GlobalKey previewContainer = new GlobalKey();
//wrap your widget with
RepaintBoundary(
key: previewContainer,
child: YourWidget()
),
//call this function for taking screenshot
ShareFilesAndScreenshotWidgets()
.takeScreenshot(previewContainer, originalSize)
.then((Image value) {
setState(() {
_image = value;
});
});//define
GlobalKey previewContainer = new GlobalKey();
//wrap your widget with
RepaintBoundary(
key: previewContainer,
child: YourWidget()
),
//call this function for sharing screenshot
ShareFilesAndScreenshotWidgets().shareScreenshot(
previewContainer,
originalSize,
"Title",
"Name.png",
"image/png",
text: "This is the caption!");ByteData bytes =
await rootBundle.load('assets/example.jpg');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.jpg", list, "image/jpg",
text: "This is the caption!");ByteData bytes =
await rootBundle.load('assets/example.mp4');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.mp4", list, "video/mp4",
text: "This is the caption!");ByteData bytes =
await rootBundle.load('assets/example.mp3');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.mp3", list, "audio/mp3",
text: "This is the caption!");Copyright 2020 Jay Mehta
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple Flutter or Dart projects.
For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.
As time based...
import 'dart:typed_data';
import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'dart:ui';
import 'package:share_files_and_screenshot_widgets/share_files_and_screenshot_widgets.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter ScreenShot Demo',
theme: ThemeData(
primarySwatch: Colors.deepOrange,
visualDensity: VisualDensity.adaptivePlatformDensity,
),
home: MyHomePage(title: 'Flutter Demo ScreenShot Page'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State<MyHomePage> {
Image _image;
GlobalKey previewContainer = new GlobalKey();
int originalSize = 800;
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: SingleChildScrollView(
child: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
RepaintBoundary(
key: previewContainer,
child: Container(
decoration: BoxDecoration(
border: Border.all(width: 1.5),
borderRadius: BorderRadius.circular(20),
color: Colors.deepPurple),
padding: EdgeInsets.all(15),
margin: EdgeInsets.all(20),
width: MediaQuery.of(context).size.width - 40,
height: MediaQuery.of(context).size.height,
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Text(
"This is a picture.",
style: TextStyle(
fontSize: 20,
fontWeight: FontWeight.bold,
color: Colors.white),
),
Image.asset("assets/example.jpg"),
Text(
"There’s something so whimsical about these beautiful images that incorporate bokeh. It’s almost as if they could be from a different, magical world. We’ve loved watching the submissions fly in for our bokeh-themed Photo Quest by Meyer-Optik-Görlitz and selected 30+ of our favourites beautiful images to ignite your creative spark! The three lucky winners of this Quest are going to receive an incredible prize courtesy of master lens-crafters Meyer-Optik.",
style: TextStyle(color: Colors.white),
),
],
),
),
),
Column(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
Container(
child: RaisedButton(
child: Text("Take Screenshot!"),
onPressed: () {
ShareFilesAndScreenshotWidgets()
.takeScreenshot(previewContainer, originalSize)
.then((Image value) {
setState(() {
_image = value;
});
});
}),
),
Container(
child: RaisedButton(
child: Text("Share Screenshot!"),
onPressed: () {
ShareFilesAndScreenshotWidgets().shareScreenshot(
previewContainer,
originalSize,
"Title",
"Name.png",
"image/png",
text: "This is the caption!");
})),
Container(
child: RaisedButton(
child: Text("Share Image!"),
onPressed: () async {
ByteData bytes =
await rootBundle.load('assets/example.jpg');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.jpg", list, "image/jpg",
text: "This is the caption!");
})),
Container(
child: RaisedButton(
child: Text("Share Video!"),
onPressed: () async {
ByteData bytes =
await rootBundle.load('assets/example.mp4');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.mp4", list, "video/mp4",
text: "This is the caption!");
})),
Container(
child: RaisedButton(
child: Text("Share Audio!"),
onPressed: () async {
ByteData bytes =
await rootBundle.load('assets/example.mp3');
Uint8List list = bytes.buffer.asUint8List();
ShareFilesAndScreenshotWidgets().shareFile(
"Title", "Name.mp3", list, "audio/mp3",
text: "This is the caption!");
})),
],
),
_image != null ? _image : Center()
],
),
),
));
}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent