flutter - 如何在 Flutter 的键盘上堆叠光标文本字段？

Question

如何解决此错误？，我想将光标 tetxfield 堆叠在键盘上。

实际结果

我想要这样的结果

我尝试过使用堆栈小部件，但它不起作用。

我的源代码

Stack(
        children: [
          const Positioned.fill(
            child: Image(
              image: AssetImage('assets/images/background.png'),
              repeat: ImageRepeat.repeat,
            ),
          ),
          ListView.separated(
            itemBuilder: (_, index) => const SizedBox(),
            separatorBuilder: (_, __) => const SizedBox(
              height: 8,
            ),
            itemCount: 5,
            reverse: true,
          ),
          Positioned(
            bottom: MediaQuery.of(context).viewInsets.bottom,
            left: 0,
            right: 0,
            child: Container(
              decoration: BoxDecoration(
                color: context.theme.colorScheme.surface,
              ),
              child: Row(
                children: [
                  IconButton(
                    onPressed: () {},
                    icon: const Icon(
                      Icons.attachment_rounded,
                      color: kIconKeyboardChatColor,
                    ),
                  ),
                  const Expanded(
                    child: TextField(
                      decoration: InputDecoration(
                        enabledBorder: InputBorder.none,
                        focusedBorder: InputBorder.none,
                        hintText: 'Write a message...',
                      ),
                      keyboardType: TextInputType.multiline,
                      textInputAction: TextInputAction.newline,
                    ),
                  ),
                ],
              ),
            ),
          ),
        ],
      )

是其他解决方案吗？我真的很感谢你的回答。

Answer 1

尝试添加 maxLines 6 和 minLines 1。

TextField(
   decoration: InputDecoration(
   enabledBorder: InputBorder.none,
   focusedBorder: InputBorder.none,
   hintText: 'Write a message...',
   textCapitalization: TextCapitalization.sentences,
   maxLines: 6,
   minLines: 1,
                      )