Truyền dữ liệu đến một widget trạng thái

Tôi đang tự hỏi cách được đề xuất để chuyển dữ liệu đến một widget trạng thái, trong khi tạo nó, là gì.

Hai phong cách tôi đã thấy là:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState(_server);
}

class _ServerInfoState extends State<ServerInfo> {
  Server _server;

  _ServerInfoState(Server server) {
    this._server = server;
  }
}

Phương pháp này giữ một giá trị cả trong ServerInfovà _ServerInfoState, có vẻ hơi lãng phí.

Phương pháp khác là sử dụng widget._server:

class ServerInfo extends StatefulWidget {

  Server _server;

  ServerInfo(Server server) {
    this._server = server;
  }

  @override
    State<StatefulWidget> createState() => new _ServerInfoState();
}

class _ServerInfoState extends State<ServerInfo> {
  @override
    Widget build(BuildContext context) {
      widget._server = "10"; // Do something we the server value
      return null;
    }
}

Điều này có vẻ hơi ngược vì trạng thái không còn được lưu trữ trong _ServerInfoSatemà thay vào đó là trong tiện ích.

Có phương pháp nào tốt nhất cho việc này không?

Không chuyển các tham số để Statesử dụng hàm tạo của nó. Bạn chỉ nên truy cập những bằng cách sử dụng this.widget.myField.

Không chỉ chỉnh sửa hàm tạo đòi hỏi nhiều thao tác thủ công; nó không mang lại gì cả. Không có lý do gì để sao chép tất cả các trường của Widget.

BIÊN TẬP :

Đây là một ví dụ:

class ServerIpText extends StatefulWidget {
  final String serverIP;

  const ServerIpText ({ Key key, this.serverIP }): super(key: key);

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

class _ServerIpTextState extends State<ServerIpText> {
  @override
  Widget build(BuildContext context) {
    return Text(widget.serverIP);
  }
}

class AnotherClass extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: ServerIpText(serverIP: "127.0.0.1")
    );
  }
}

Cách tốt nhất là không chuyển các tham số cho lớp State bằng cách sử dụng hàm tạo của nó. Bạn có thể dễ dàng truy cập trong State class bằng cách sử dụng widget.myField.

Ví dụ

class UserData extends StatefulWidget {
  final String clientName;
  final int clientID;
  const UserData(this.clientName,this.clientID);

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

class UserDataState extends State<UserData> {
  @override
  Widget build(BuildContext context) {
    // Here you direct access using widget
    return Text(widget.clientName); 
  }
}

Chuyển dữ liệu của bạn khi bạn Điều hướng màn hình:

 Navigator.of(context).push(MaterialPageRoute(builder: (context) => UserData("WonderClientName",132)));

Một câu trả lời khác, dựa trên anwser của @ RémiRousselet và cho câu hỏi của @ user6638204, nếu bạn muốn chuyển các giá trị ban đầu và vẫn có thể cập nhật chúng ở trạng thái sau:

class MyStateful extends StatefulWidget {
  final String foo;

  const MyStateful({Key key, this.foo}): super(key: key);

  @override
  _MyStatefulState createState() => _MyStatefulState(foo: this.foo);
}

class _MyStatefulState extends State<MyStateful> {
  String foo;

  _MyStatefulState({this.foo});

  @override
  Widget build(BuildContext context) {
    return Text(foo);
  }
}

Để truyền các giá trị ban đầu (mà không truyền bất kỳ thứ gì cho hàm tạo)

class MyStateful extends StatefulWidget {
  final String foo;

  const MyStateful({Key key, this.foo}): super(key: key);

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

class _MyStatefulState extends State<MyStateful> {
  @override
  void initState(){
    super.initState();
    // you can use this.widget.foo here
  }

  @override
  Widget build(BuildContext context) {
    return Text(foo);
  }
}