簡體   English   中英

在 Flutter 中的文本字段小部件上傳遞數據和接收

[英]Pass data and receive on textfield widget in Flutter

如何將數據從第一個屏幕傳遞到第二個屏幕,但應該在第二個屏幕的textfield小部件上接收。 我已經嘗試過,但textfield小部件中沒有選項,如何做到這一點?

TextField(
                                keyboardType: TextInputType.text,
                                decoration: InputDecoration(
                                    fillColor: Colors.white,
                                    hintText: "",
                                    filled: true,
                                    labelText: "First name",
                                    enabledBorder: OutlineInputBorder(
                                      borderSide: BorderSide(
                                          color: Colors.white),
                                      borderRadius: BorderRadius.circular(6),
                                    ),
                                    focusedBorder: OutlineInputBorder(
                                      borderSide: BorderSide(
                                          color: Colors.white),
                                      borderRadius: BorderRadius.circular(6),
                                    )),
                              ),

要在TextField中設置default文本,您需要使用TextEditingController ,您可以通過在initStateinitializing或直接使用TextField來使用它,這里是示例

使用initState進行initialize

  late TextEditingController _controller;
  
  @override
  void initState() {
    _controller.text = widget.text;
    super.initState();
  }

directly傳值

TextField(
            controller: TextEditingController(text: widget.text),
            keyboardType: TextInputType.text,
            decoration: InputDecoration(
                fillColor: Colors.white,
                hintText: "",
                filled: true,
                labelText: "First name",
                enabledBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.white),
                  borderRadius: BorderRadius.circular(6),
                ),
                focusedBorder: OutlineInputBorder(
                  borderSide: BorderSide(color: Colors.white),
                  borderRadius: BorderRadius.circular(6),
                )),
          )

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM