skeleton_loader
skeleton_loader copied to clipboard
How to handle overflowing?
I want to show three items of my builder widget. On iPhone 13 mini is fine but on the iPhone SE the screen is to small to show all items and it overflows. Is there a way to ignore without having this error? When I reduce the amount it looks bad on bigger devices.

I can’t effectively recreate this without seeing the portion of your code that renders this.
but I think you can wrap the whole thing with a SingleChildScrollView. Doing that should fix the overflow issue..
I have already tried SingleChildScrollView but it not works. Here is my whole widget.
import 'package:flutter/material.dart';
import 'package:skeleton_loader/skeleton_loader.dart';
class ExploreLoadingWidget extends StatelessWidget {
const ExploreLoadingWidget({Key? key}) : super(key: key);
@override
Widget build(BuildContext context) {
return SkeletonLoader(
builder: Padding(
padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 0),
child: Row(
children: [
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
height: 160,
width: 150,
),
const SizedBox(
width: 10,
),
Column(
children: [
Row(
children: [
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
height: 75,
width: 75,
),
const SizedBox(
width: 10,
),
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
height: 75,
width: 75,
),
],
),
const SizedBox(height: 10,),
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(20.0),
color: Colors.red,
),
height: 75,
width: 150,
)
],
)
],
),
),
items: 2,
highlightColor: Colors.grey,
direction: SkeletonDirection.ltr);
}
}