シングルチャイルドスクロールビュー内にいくつかのボタンを提供したい
Column(
children: < Widget > [
SizedBox(height: constraints.maxHeight / 8.0),
AnimationConfiguration.staggeredList(
position: 1,
duration: const Duration(milliseconds: 2000),
child: SlideAnimation(
verticalOffset: constraints.maxHeight / 10,
child: FadeInAnimation(
child: Image.asset('images/mylive.png'),
),
),
),
Flexible(
child: Padding(
padding: EdgeInsets.fromLTRB(
50, 20, 50, constraints.maxHeight / 7),
child: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(10),
child: Wrap(
spacing: 25,
runSpacing: 25,
children: const < Widget > [
ButtonCard(
name: "My News",
imgpath: "open-email.png",
count: 0),
これは ButtonCard のビルド メソッドです。
Widget build(BuildContext context) {
final double width = MediaQuery.of(context).size.width;
final double height = MediaQuery.of(context).size.height;
return InkWell(
onTap: () {},
child: Container( <<--->> Ink(
padding: const EdgeInsets.all(10),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20),
color: Colors.white,
boxShadow: const [
BoxShadow(
color: Colors.black38,
offset: Offset(0, 2),
blurRadius: 7,
),
],
),
child: Column(
children: [
Stack(
children: [
Image.asset(
"assets/images/$imgpath",
width: 60,
),
],
),
Padding(
padding: const EdgeInsets.only(top: 8.0),
child: Text(
name,
style: const TextStyle(
fontWeight: FontWeight.bold,
fontSize: 15,
),
),
),
],
),
),
);
}
ButtonCard でコンテナーを使用すると、すべて問題ありませんが、InkWell には波及効果が表示されません (BoxDecation カラー セットのため)。
しかし、コンテナをインクに変更すると、必要な美しい波及効果が得られます。ただし、scolling 中に次のエラーが発生します。
ご覧のとおり、boxdecoration を使用した Ink は、親の境界線を塗りつぶしています。これはインクのバグですか、それともここで何が問題なのか知っている人はいますか? ありがとう!