如何从不同的 dart 文件中添加文本

Question

我正在尝试使用颤振更改单击按钮时的文本。

我已将小部件拆分为不同的 dart 文件。我想从不同的 dart 文件中添加文本，但出现错误，因为“位置参数必须出现在命名参数之前。同时将值传递给名为 TextOutput 的构造函数。

这个错误是什么意思？ Flutter 的初学者，所以对这个错误的解释将是一个很大的帮助。

我正在尝试将值传递给构造函数，但出现此错误。

class TextControlState  extends State<TextControl> {
  String _mainText="Hey Divya Here!";
  void _changeText() {
    setState(() {
     this._mainText = "This changed!"; 
    });
  }
Widget build(BuildContext context) {
    return Center(
    child: Container( 
      margin: EdgeInsets.all(8),
          child: 
          RaisedButton(
            child: 
            Text('Change Text', style: TextStyle(color: Colors.white, fontSize: 18)), 
            onPressed: _changeText,
            ),
            TextOutput(_mainText)

      ),
    );

TextOutput 飞镖文件

import 'package:flutter/material.dart';



class TextOutput extends StatelessWidget {
   final String mainText;
   TextOutput(this.mainText);
  @override
  Widget build(BuildContext context) {
    return Text(mainText);
  }
}

文本的值应在单击按钮时更改。

Answer 1

好吧，听起来你实际上想要这样做：

class _TextControlState extends State<TextControl> {
  String _mainText = "Hey Divya Here!";

  void _changeText() {
    setState(() {
      this._mainText = "This changed!";
    });
  }

  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        margin: EdgeInsets.all(8),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            TextOutput(_mainText),
            RaisedButton(
              child: Text('Change Text', style: TextStyle(color: Colors.white, fontSize: 18)),
              onPressed: _changeText,
            ),
          ],
        ),
      ),
    );
  }
}

这现在将凸起的按钮包装在一个允许您添加其他小部件的列中，因此在此示例中，我在上面添加了您的文本，当单击按钮时，文本值现在不会更改按钮文本。