如何在 SingleChildScrollView 中添加或启用位置指示器

Question

我的多行需要一个滚动位置指示器，TextField它被包裹在SingleChildScrollView.

文本字段中的文本多于可见的文本，并且我不知道隐藏了一些文本及其隐藏位置（顶部或底部）

这是Whatsup。TextField 显示一个滚动条。我想做同样的事情。

Answer 1

只需将您的TextField小部件包装在小ScrollBar部件中。

例子：

new Container(
  height: 100.0,
  child: new Scrollbar(
    child: new TextField(
      maxLines: null,
    )
  ),
)

有关ScrollBar小部件的更多信息，请查看此处的文档

希望有所帮助！

Answer 2

感谢上面的回答：这SingleChildScrollView给了我想要的行为，我正在寻找结合 LayoutBuilder 和约束​​：新的 BoxConstraints：

    Widget _renderTextField() => new LayoutBuilder(
      builder: (context, constraints) => new Column(children: <Widget>[
            new Container(
                    child: new Container(
                    margin: const EdgeInsets.only(
                      right: 5.0,
                    ),
                    child: new Container(
                        constraints: new BoxConstraints(maxHeight: 200.0,
                        maxWidth: constraints.maxWidth),
                        child: new Scrollbar(child: new SingleChildScrollView(
                                scrollDirection: Axis.vertical,
                                reverse: true,
                                child: new TextField(...

Answer 3

只是SingleChildScrollView把它包裹起来RawScrollbar

body: RawScrollbar(
        child: SingleChildScrollView(
                           child: ...
                                    ),
                  ),