Блог

Когда я вставляю многострочное текстовое поле внутри полосы прокрутки, затем добавляю много строк, затем прокручиваю его до конца, строка перемотки с правой стороны не доходит до конца. Почему?

 Widget _buildTextField() {
controller = TextEditingController(
  text: text,
);
controller.addListener(_onTextChanged);
return Scrollbar(
  child: TextField(
    style: Styles.headlineRegular(color: ThemeColors.blackText),
    controller: controller,
    maxLines: widget.maxLines,
    minLines: widget.minLines,
    keyboardType: TextInputType.multiline,
    decoration: InputDecoration(
      fillColor: ThemeColors.veryLightGray,
      filled: true,
      hintStyle: Styles.headlineRegular(color: ThemeColors.darkGray),
      hintText: widget.hintText,
      enabledBorder: _buildBorder(ThemeColors.lightGray),
      focusedBorder: _buildBorder(ThemeColors.darkGray),
    ),
  ),
);}
  

Добавьте contentPadding: EdgeInsets.zero внутри IntputDecoration, это удалит это заполнение полосы прокрутки.
Затем вы можете обернуть все в виджет заполнения, не испортив полосу прокрутки.

 Widget _buildTextField() {
    controller = TextEditingController(
        text: text,
    );
    controller.addListener(_onTextChanged);

    return Scrollbar(
        child: TextField(
            style: Styles.headlineRegular(color: ThemeColors.blackText),
            controller: controller,
            maxLines: widget.maxLines,
            minLines: widget.minLines,
            keyboardType: TextInputType.multiline,
            decoration: InputDecoration(
                contentPadding: EdgeInsets.zero, // <----- ADD THIS LINE
                fillColor: ThemeColors.veryLightGray,
                filled: true,
                hintStyle: Styles.headlineRegular(color: ThemeColors.darkGray),
                hintText: widget.hintText,
                enabledBorder: _buildBorder(ThemeColors.lightGray),
                focusedBorder: _buildBorder(ThemeColors.darkGray),
            ),
        ),
    );
}