flutterx_drop_view 1.0.3
flutterx_drop_view: ^1.0.3 copied to clipboard
A widget where you can drop files into it, and also pick files from system file browser.
example/lib/main.dart
import 'package:cross_file/cross_file.dart';
import 'package:flutter/material.dart';
import 'package:flutterx_drop_view/flutterx_drop_view.dart';
import 'package:flutterx_live_data/flutterx_live_data.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) => MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutterx DropView Demo',
theme: ThemeData(primarySwatch: Colors.deepOrange).applyAppTheme(),
home: const DropViewExample());
}
extension _ThemeDataExt on ThemeData {
ThemeData applyAppTheme() => copyWith(
inputDecorationTheme: InputDecorationTheme(
labelStyle: const TextStyle(),
floatingLabelStyle: TextStyle(color: colorScheme.primary),
border: const OutlineInputBorder(),
focusedBorder: OutlineInputBorder(borderSide: BorderSide(color: colorScheme.primary, width: 2))));
}
class DropViewExample extends StatefulWidget {
const DropViewExample({Key? key}) : super(key: key);
@override
State<DropViewExample> createState() => _DropViewExampleState();
}
class _DropViewExampleState extends State<DropViewExample> {
final MutableLiveData<XFile?> _file = MutableLiveData();
@override
Widget build(BuildContext context) => Scaffold(
appBar: AppBar(title: const Text('DropView example')),
body: Column(mainAxisSize: MainAxisSize.min, children: [
Container(
width: kMinInteractiveDimension * 8,
padding: const EdgeInsets.all(8),
child: FileUploadFormField(
onMimeTypeNotMatch: (error) =>
ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(error.toString()))),
file: _file)),
]));
}