GridView 내부의 Inkwell Widget에 폭발 효과를 추가하려고하는데 오프셋을 찾아야하는데 지금까지 시도해 보았습니다.
GridView.builder(
itemCount: 10,
itemBuilder: (ctx, ind) {
return InkWell(
onTap: () async {
try {
final RenderBox box = ctx.findRenderObject();
Offset position = box.localToGlobal(Offset.zero,
ancestor: context.findRenderObject()
);
double x = position.dx;
double y = position.dy;
double w = box.size.width;
Future.delayed(Duration(milliseconds: 100)).then(
(_) => _particleField.lineExplosion(x, y, w)
);
} catch (e) {
print(e);
}
},
child: Center(
child: Text("${ind + 1},000,000")
),
);
},
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2,
childAspectRatio: 3
),
)
하지만이 오류가 발생합니다.
'RenderSliverGrid'유형은 'RenderBox'유형의 하위 유형이 아닙니다.
이것이 당신이 찾고있는 것입니까?
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
debugShowCheckedModeBanner: false,
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
body: GridExample(),
),
);
}
}
class GridExample extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GridView.builder(
itemCount: 10,
itemBuilder: (ctx, ind) {
return _Item('${ind + 1},000,000');
},
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: 2, childAspectRatio: 3),
);
}
}
class _Item extends StatelessWidget {
_Item(this.title);
String title;
final GlobalKey _globalKey = GlobalKey();
@override
Widget build(BuildContext context) {
return InkWell(
key: _globalKey,
onTap: () async {
final RenderBox referenceBox =
_globalKey.currentContext.findRenderObject();
final position = referenceBox.localToGlobal(Offset.zero);
final x = position.dx;
final y = position.dy;
final w = referenceBox.size.width;
Future.delayed(Duration(milliseconds: 100))
.then((_) => _particleFieldLineExplosion(x, y, w));
},
child: Center(child: Text(title)),
);
}
_particleFieldLineExplosion(x, y, w) {
print(x);
print(y);
print(w);
}
}
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다