'Add RTL to ListView.builder horizontal flutter
I am trying to make ListView.builder horizontal scrolling from right to left
My code:
SliverToBoxAdapter(
child: Container(
height: MediaQuery.of(context).size.height / 4.5,
margin: const EdgeInsets.only(bottom: 5.0, top: 10.0),
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: list.length,
itemBuilder: (BuildContext context, int index) {
return InkWell(/* ... */)
}
),
),
);
Solution 1:[1]
best way to make it is to wrap your ListView with Directionality widget with TextDirection.rtl
like following code
Directionality(
textDirection: TextDirection.rtl,
child: ListView.builder(
scrollDirection: Axis.horizontal,
itemCount: list.length,
itemBuilder: (BuildContext context, int index) {
return InkWell(/* ... */)
}
),
);
Solution 2:[2]
for horizontal
ListView.builder(
reverse: true,
scrollDirection: Axis.horizontal,
for vertical
ListView.builder(
reverse: true,
scrollDirection: Axis.vertical,
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Mohamed Kamel |
| Solution 2 | Sandeep Pareek |
