Open jony-ashkar opened 2 years ago
Padding issue when using scrollable_positioned_list with Directionality widget with rtl TextDirection
import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
void main() { runApp(MaterialApp( home: Scaffold( body: SizedBox( height: 250, child: Directionality( textDirection: TextDirection.rtl, child: ScrollablePositionedList.separated( padding: const EdgeInsets.symmetric(horizontal: 20.0), scrollDirection: Axis.horizontal, itemCount: 5, itemBuilder: (context, index) { return Container( width: 200, height: 150, color: Colors.red, child: Center( child: Text('$index'), ), ); }, separatorBuilder: (context, index) => const SizedBox( width: 20.0, ), ), ), ), ), scrollBehavior: const MaterialScrollBehavior().copyWith( dragDevices: { PointerDeviceKind.mouse, PointerDeviceKind.touch, PointerDeviceKind.stylus, PointerDeviceKind.unknown }, ), )); }
padding from right and left (horizontal)
incorrect padding
Flutter web
Any updates please?
jony-ashkar
commented
2 years ago jony-ashkar
commented
2 years ago
Problem description
Padding issue when using scrollable_positioned_list with Directionality widget with rtl TextDirection
Steps to reproduce
import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:scrollable_positioned_list/scrollable_positioned_list.dart';
void main() { runApp(MaterialApp( home: Scaffold( body: SizedBox( height: 250, child: Directionality( textDirection: TextDirection.rtl, child: ScrollablePositionedList.separated( padding: const EdgeInsets.symmetric(horizontal: 20.0), scrollDirection: Axis.horizontal, itemCount: 5, itemBuilder: (context, index) { return Container( width: 200, height: 150, color: Colors.red, child: Center( child: Text('$index'), ), ); }, separatorBuilder: (context, index) => const SizedBox( width: 20.0, ), ), ), ), ), scrollBehavior: const MaterialScrollBehavior().copyWith( dragDevices: { PointerDeviceKind.mouse, PointerDeviceKind.touch, PointerDeviceKind.stylus, PointerDeviceKind.unknown }, ), )); }
Expected behavior
padding from right and left (horizontal)
Actual behavior
incorrect padding
Environment
Flutter web