如何在 Flutter 中将文本小部件数据从一个屏幕传递到另一个屏幕？

Question

我正在尝试将文本小部件数据从一个屏幕传递到另一个屏幕，但我不知道如何在颤振中做到这一点。

我知道如何从文本字段中做到这一点并在屏幕之间传递。 例如使用控制器。

child: Text('Repetition', style: TextStyle(fontSize: 18, fontWeight: FontWeight.normal),)),

 onPressed: ()=>{
            Navigator.push(context, MaterialPageRoute(
                builder:(context) => FingerGoalSt()))
          },

我想将重复字符串传递到下一个屏幕。

在其他平台上这很容易，但在颤振中我不知道，因为我是新手。 谢谢。

Answer 1

var yourString = 'Repetition'
child: Text(yourString, style: TextStyle(fontSize: 18, fontWeight: FontWeight.normal),)),

 onPressed: ()=>{
            Navigator.push(context, MaterialPageRoute(
                builder:(context) => FingerGoalSt(yourString)))
          },

在你的FingerGoalSt中添加一个带参数的构造函数。

Answer 2

您可以传递存储数据的变量

    child: Text(snapshot.data.docs[index].get('name'), style: TextStyle(fontSize: 18, fontWeight: FontWeight.normal),)),

 onPressed: ()=>{
            Navigator.push(context, MaterialPageRoute(
                builder:(context) => FingerGoalSt(snapshot.data.docs[index].get('name'))))
          },

Answer 3

请参考以下代码

Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => FingerGoalSt(
                  textVal: "Repetition",
                ),
              ),
            );



class FingerGoalSt extends StatefulWidget {
final String textVal;
  const FingerGoalSt({Key key, this.textVal}) : super(key: key);
 @override
  _FingerGoalStState createState() => _FingerGoalStState();
}

class _FingerGoalStState extends State<FingerGoalSt> {

}

请尝试以下示例代码

示例 1：

onPressed: () async {
   Navigator.pushNamed(context, '/FingerGoalSt',arguments:{"textvalue":"any text"});}


class FingerGoalSt extends StatelessWidget {
  const FingerGoalSt({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {

    Map arguments = ModalRoute.of(context)?.settings.arguments as Map;

    return  Scaffold(
      appBar: AppBar(
        title:  Text('Value : ${arguments['textvalue']}'),
      ),
      body: Text("${arguments['textvalue']}"),
    );
  }
}

示例 2：

class FirstScreen extends StatefulWidget {
  const FirstScreen({Key key}) : super(key: key);

  @override
  _FirstScreenState createState() => _FirstScreenState();
}

class _FirstScreenState extends State<FirstScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: InkWell(
          onTap: () {
            Navigator.push(
              context,
              MaterialPageRoute(
                builder: (context) => SecondScreen(
                  dataList: ["Data"],
                ),
              ),
            );
          },
          child: Text(
            "Second Screen",
          ),
        ),
      ),
    );
  }
}

class SecondScreen extends StatefulWidget {
  final List dataList;
  const SecondScreen({Key key, this.dataList}) : super(key: key);

  @override
  _SecondScreenState createState() => _SecondScreenState();
}

class _SecondScreenState extends State<SecondScreen> {
  @override
  Widget build(BuildContext context) {
    return Container(
      child: Center(
        child: Text(
          widget.dataList[0].toString(),
        ),
      ),
    );
  }
}

有关更多信息，请参阅此链接说明