简体   繁体   English

如何从右到左滚动 singlechildscrollview 水平轴

[英]how to scroll singlechildscrollview horizontal axis from right to left

i have content that need scroll horizontally i used from scrollDirection: Axis.horizontal but my problem is that i want scroll start from right side i mean that SingleChildScrollView with horizontal Axis scroll it child from left to right but i want SingleChildScrollView scroll from right to left, i wrap singleChildScrollView with Align and set alignment to right but i dos not work.this is my code:我有需要水平滚动的内容,我从scrollDirection使用:Axis.horizontal,但我的问题是我想从右侧滚动我的意思是SingleChildScrollView与水平轴从左到右滚动它的孩子,但我希望SingleChildScrollView从右到左滚动,我用 Align 包装 singleChildScrollView 并将 alignment 设置为正确,但我不工作。这是我的代码:

SingleChildScrollView(
                    scrollDirection: Axis.vertical,
                    child: SingleChildScrollView(
                      scrollDirection: Axis.horizontal,
                      child: Padding(
                        padding: EdgeInsets.only(
                            top: 2 * SizeConfig.heightMultiplier),
                        child: DataTable(
                            showBottomBorder: false,
                            headingTextStyle: TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 2.5 * SizeConfig.heightMultiplier,
                              color: Colors.black,
                            ),
                            dataTextStyle: TextStyle(
                                fontSize: 2.5 * SizeConfig.heightMultiplier,
                                color: Colors.black),
                            columns: <DataColumn>[
                              DataColumn(
                                label: Text(
                                  'حساب',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'تفصیل',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'بردگی',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'آوردگی',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'تاریخ',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                            ],
                            rows:<DataRow> [ DataRow(
                                    cells: <DataCell>[
                                      DataCell(
                                       Text('ملیجه ارش',textDirection: 
                                        TextDirection.rtl,
                                          )
                                      ),
                                      DataCell(
                                        Text('ملیجه ارش',
                                    textDirection: TextDirection.rtl,)
                                      ),
                                      DataCell(Text(
                                       Text('ملیجه ارش',
                                        textDirection: TextDirection.rtl,
                                      )),
                                      DataCell(Text(
                                      Text('ملیجه ارش',
                                        textDirection: TextDirection.rtl,
                                      )),

                                      DataCell(Text(
                                       Text('ملیجه ارش',
                                        textDirection: TextDirection.rtl,
                                     
                                   )
                      ),
                    ),
                  );
      },

Simply set reverse:true .只需设置reverse:true
Code will look like代码看起来像

SingleChildScrollView(
                    scrollDirection: Axis.vertical,
                    reverse:true,
                    child: SingleChildScrollView(
                      scrollDirection: Axis.horizontal,
                      child: Padding(
                        padding: EdgeInsets.only(
                            top: 2 * SizeConfig.heightMultiplier),
                        child: DataTable(
                            showBottomBorder: false,
                            headingTextStyle: TextStyle(
                              fontWeight: FontWeight.bold,
                              fontSize: 2.5 * SizeConfig.heightMultiplier,
                              color: Colors.black,
                            ),
                            dataTextStyle: TextStyle(
                                fontSize: 2.5 * SizeConfig.heightMultiplier,
                                color: Colors.black),
                            columns: <DataColumn>[
                              DataColumn(
                                label: Text(
                                  'حساب',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'تفصیل',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'بردگی',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'آوردگی',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                              DataColumn(
                                label: Text(
                                  'تاریخ',
                                  textDirection: TextDirection.rtl,
                                ),
                              ),
                            ],
                            rows: state.roznamcha
                                .map(
                                  (data) => DataRow(
                                    cells: <DataCell>[
                                      DataCell(
                                        GetAccount(
                                          id: data.accountNum,
                                        ),
                                      ),
                                      DataCell(
                                        Text(
                                          data.description,
                                          textDirection: TextDirection.rtl,
                                        ),
                                      ),
                                      DataCell(Text(
                                        data.debit.toString(),
                                        textDirection: TextDirection.rtl,
                                      )),
                                      DataCell(Text(
                                        data.credit.toString(),
                                        textDirection: TextDirection.rtl,
                                      )),

                                      DataCell(Text(
                                        data.issueDate.toString(),
                                        textDirection: TextDirection.rtl,
                                      )),
                                      //     DataCell(
                                      //         //Text('ii')
                                      //         InkWell(
                                      //             onTap: () async {
                                      //               CustomAlertDialog
                                      //                   .showAlertDialog(
                                      //                       context: context,
                                      //                       deleteFunction:
                                      //                           () async {
                                      //                         await BlocProvider.of<
                                      //                                     RoznamchaCubit>(
                                      //                                 context)
                                      //                             .deleteRoznamcha(data
                                      //                                 .transactionNumber)
                                      //                             .whenComplete(() {
                                      //                           ScaffoldMessenger
                                      //                                   .of(context)
                                      //                               .showSnackBar(
                                      //                                   SnackBar(
                                      //                                       content:
                                      //                                           Text(
                                      //                             'حذف شد به اجازه ات',
                                      //                             textDirection:
                                      //                                 TextDirection
                                      //                                     .rtl,
                                      //                           )));
                                      //                           Navigator.pop(
                                      //                               context);
                                      //                         });
                                      //                       });
                                      //             },
                                      //             child: Text('حذف'))),
                                    ],
                                  ),
                                )
                                .toList()),
                      ),
                    ),
                  );
      },

In your Text widget use textDirection: TextDirection.rtl在您的文本小部件中使用textDirection: TextDirection.rtl

Try this尝试这个

SingleChildScrollView(
 scrollDirection: Axis.horizontal,
 // add this line
 dragStartBehavior: DragStartBehavior.down,
 ...
)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 如何在 flutter 中从左到右和从左到右两个方向滚动水平列表视图 - How to scroll horizontal listview by both direction left to right and right left in flutter 如何以编程方式滚动 SingleChildScrollView? - How to scroll SingleChildScrollView programmatically? Flutter:单击上一个和前进按钮时如何水平滚动左右移动 - Flutter : how to Horizontal scroll moving left and right when clicking previous and forward button 如何使 `SingleChildScrollView` 滚动到从 `StreamBuilder` 获取的最后一个项目? - How to make `SingleChildScrollView` scroll to the last item fetched from `StreamBuilder`? 如何使用 flutter 中的“SingleChildScrollView”小部件在“DataTable”中应用水平和垂直滚动? - How to apply both horizontal and vertical scroll in `DataTable` using `SingleChildScrollView` widget in flutter? 如何将 SingleChildScrollView 滚动到某个 position? - How to scroll a SingleChildScrollView to a certain position? flutter web - 水平singlechildscrollview无法通过鼠标单击和拖动滚动 - flutter web - horizontal singlechildscrollview cannot scroll with mouse click and drag Flutter web - 水平单子滚动视图无法使用鼠标滚轮滚动 - Flutter web - horizontal singlechildscrollview cannot scroll with mouse wheel 如何在对话框中将 SingleChildScrollView 滚动到 TextField 焦点 - How to SingleChildScrollView scroll to TextField focus in dialog 如何使用 SingleChildScrollView 在 Flutter 中滚动到特定的 Widget - How To Scroll To A Specific Widget in Flutter Using SingleChildScrollView
 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM