Flutter拖拽与放置功能插件flutter_dnd的使用
Flutter拖拽与放置功能插件flutter_dnd的使用
点击展开/折叠详细内容
flutter_dnd
一个用于管理Android勿扰模式的Flutter插件。
使用方法
要使用此插件,请在pubspec.yaml
文件中添加flutter_dnd
作为依赖项:
dependencies:
flutter_dnd:
确保在您的Android清单文件中添加以下权限:
<uses-permission android:name="android.permission.ACCESS_NOTIFICATION_POLICY"/>
示例
// 导入包
import 'package:flutter_dnd/flutter_dnd.dart';
if (await FlutterDnd.isNotificationPolicyAccessGranted) {
await FlutterDnd.setInterruptionFilter(FlutterDnd.INTERRUPTION_FILTER_NONE); // 打开勿扰模式 - 所有通知都被抑制。
} else {
FlutterDnd.gotoPolicySettings();
}
其他过滤器
过滤器 | 描述 |
---|---|
INTERRUPTION_FILTER_ALL | 没有通知被抑制。 |
INTERRUPTION_FILTER_PRIORITY | 允许优先级通知。 |
INTERRUPTION_FILTER_NONE | 抑制所有通知。 |
INTERRUPTION_FILTER_ALARMS | 允许闹钟通知。 |
示例代码
import 'package:flutter/material.dart';
import 'package:flutter_dnd/flutter_dnd.dart';
void main() => runApp(MyApp());
class MyApp extends StatefulWidget {
[@override](/user/override)
_MyAppState createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> with WidgetsBindingObserver {
String _filterName = '';
bool? _isNotificationPolicyAccessGranted = false;
[@override](/user/override)
void initState() {
WidgetsBinding.instance!.addObserver(this);
super.initState();
}
[@override](/user/override)
void didChangeAppLifecycleState(AppLifecycleState state) {
super.didChangeAppLifecycleState(state);
print(state.toString());
if (state == AppLifecycleState.resumed) {
updateUI();
}
}
[@override](/user/override)
void didChangeDependencies() {
super.didChangeDependencies();
updateUI();
}
void updateUI() async {
int? filter = await FlutterDnd.getCurrentInterruptionFilter();
if (filter != null) {
String filterName = FlutterDnd.getFilterName(filter);
bool? isNotificationPolicyAccessGranted =
await FlutterDnd.isNotificationPolicyAccessGranted;
setState(() {
_isNotificationPolicyAccessGranted = isNotificationPolicyAccessGranted;
_filterName = filterName;
});
}
}
void setInterruptionFilter(int filter) async {
final bool? isNotificationPolicyAccessGranted =
await FlutterDnd.isNotificationPolicyAccessGranted;
if (isNotificationPolicyAccessGranted != null &&
isNotificationPolicyAccessGranted) {
await FlutterDnd.setInterruptionFilter(filter);
updateUI();
}
}
[@override](/user/override)
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Flutter DND 示例应用'),
),
body: Center(
child: Column(mainAxisAlignment: MainAxisAlignment.center, children: [
Text('当前过滤器: $_filterName'),
SizedBox(height: 10),
Text(
'是否具有通知策略访问权限: ${_isNotificationPolicyAccessGranted! ? 'YES' : 'NO'}'),
SizedBox(height: 10),
RaisedButton(
onPressed: () {
FlutterDnd.gotoPolicySettings();
},
child: Text('转到策略设置'),
),
RaisedButton(
onPressed: () async {
setInterruptionFilter(FlutterDnd.INTERRUPTION_FILTER_NONE);
},
child: Text('打开勿扰模式'),
),
RaisedButton(
onPressed: () {
setInterruptionFilter(FlutterDnd.INTERRUPTION_FILTER_ALL);
},
child: Text('关闭勿扰模式'),
),
RaisedButton(
onPressed: () {
setInterruptionFilter(FlutterDnd.INTERRUPTION_FILTER_ALARMS);
},
child: Text('打开勿扰模式 - 允许闹钟'),
),
RaisedButton(
onPressed: () {
setInterruptionFilter(FlutterDnd.INTERRUPTION_FILTER_PRIORITY);
},
child: Text('打开勿扰模式 - 允许优先级通知'),
)
]),
),
),
);
}
}
更多关于Flutter拖拽与放置功能插件flutter_dnd的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
1 回复
更多关于Flutter拖拽与放置功能插件flutter_dnd的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html
当然,下面是一个关于如何使用 flutter_dnd
插件来实现 Flutter 应用中的拖拽与放置功能的代码示例。这个插件允许你在 Flutter 应用中实现复杂的拖拽和放置交互。
首先,确保你已经在 pubspec.yaml
文件中添加了 flutter_dnd
依赖:
dependencies:
flutter:
sdk: flutter
flutter_dnd: ^0.5.0 # 请注意版本号,这里是一个示例,使用时应检查最新版本
然后运行 flutter pub get
来安装依赖。
接下来是一个简单的示例,展示了如何使用 flutter_dnd
实现基本的拖拽与放置功能。
import 'package:flutter/material.dart';
import 'package:flutter_dnd/flutter_dnd.dart';
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
home: DragAndDropDemo(),
);
}
}
class DragAndDropDemo extends StatefulWidget {
@override
_DragAndDropDemoState createState() => _DragAndDropDemoState();
}
class _DragAndDropDemoState extends State<DragAndDropDemo> {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Flutter Drag and Drop Demo'),
),
body: DndProvider(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
DraggableItem(
key: UniqueKey(),
data: 'Item 1',
),
SizedBox(height: 20),
DraggableItem(
key: UniqueKey(),
data: 'Item 2',
),
SizedBox(height: 20),
DroppableArea(
accept: ['Item 1', 'Item 2'],
onDrop: (data) {
print('Dropped: $data');
},
),
],
),
),
),
);
}
}
class DraggableItem extends StatelessWidget {
final Key key;
final String data;
DraggableItem({required this.key, required this.data});
@override
Widget build(BuildContext context) {
return DraggableData(
data: data,
child: Container(
decoration: BoxDecoration(
color: Colors.blueAccent,
borderRadius: BorderRadius.circular(8),
),
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: Text(
data,
style: TextStyle(color: Colors.white),
),
),
feedback: Container(
decoration: BoxDecoration(
color: Colors.deepOrangeAccent,
borderRadius: BorderRadius.circular(8),
),
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 8),
child: Text(
data,
style: TextStyle(color: Colors.white),
),
),
);
}
}
class DroppableArea extends StatelessWidget {
final List<String> accept;
final Function(String) onDrop;
DroppableArea({required this.accept, required this.onDrop});
@override
Widget build(BuildContext context) {
return Droppable(
accept: accept,
onWillAccept: (data) {
// 这里可以添加一些逻辑,比如改变边框颜色表示可以接受
return true;
},
onAccept: (data) {
onDrop(data);
},
child: Container(
decoration: BoxDecoration(
border: Border.all(color: Colors.grey, width: 2),
borderRadius: BorderRadius.circular(8),
),
padding: EdgeInsets.symmetric(horizontal: 16, vertical: 32),
child: Center(
child: Text(
'Drop here',
style: TextStyle(fontSize: 20),
),
),
),
);
}
}
在这个示例中:
DndProvider
是必需的,它为拖拽和放置功能提供了上下文。DraggableData
包裹了一个可以拖拽的Container
,并指定了拖拽的数据和反馈(拖拽时的显示)。Droppable
是一个可以接受拖拽数据的区域,它定义了接受的数据类型(通过accept
参数)以及当数据被放置时的回调(通过onAccept
参数)。
你可以根据需求进一步自定义和扩展这个示例。希望这对你有所帮助!