Skip to content

Instantly share code, notes, and snippets.

@Abhilash-Chandran
Last active January 5, 2021 10:07
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save Abhilash-Chandran/609b2ee7d6a5b3bf8cecac9f1f833b17 to your computer and use it in GitHub Desktop.
Save Abhilash-Chandran/609b2ee7d6a5b3bf8cecac9f1f833b17 to your computer and use it in GitHub Desktop.
Ink widget decoration visible or/and renders outside the ListView boundary up to the cacheExtent.
import 'package:flutter/material.dart';
final Color darkBlue = Color.fromARGB(255, 18, 32, 47);
void main() {
runApp(MyApp());
}
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData.dark().copyWith(scaffoldBackgroundColor: darkBlue),
debugShowCheckedModeBanner: false,
home: Scaffold(
body: Center(
child: MyWidget(),
),
),
);
}
}
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Container(
height: 300,
width: 100,
child: ListView(
// switching cache extent to 0 stop this.
// cacheExtent: 0,
children: List<int>.generate(50, (x) => x)
.map((y) => Ink(
decoration: BoxDecoration(
color: Colors.pink,
border: Border(
bottom: BorderSide(color: Colors.green),
),
),
child: InkWell(
splashColor: Colors.green,
child: Icon(
Icons.plus_one,
size: 22,
),
onTap: () {},
),
))
.toList(),
),
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment