我正在嘗試為文本設定影片以在兩個值之間切換
AnimatedSwitcher(
duration: Duration(milliseconds: 400),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
(_smallTitle == true) ? Text('Text1/', style:TextStyle(fontSize: 12.0)) : Container(),
Text(
(_smallTitle == false) ? _largeHeaderText : _smallHeaderText,
),
],
),
),
當我觸發“_smallTitle”布林值的更改時,此代碼確實成功地切換了文本。但這種變化根本沒有影片
知道我做錯了什么嗎?
uj5u.com熱心網友回復:
主要作業AnimatedSwitcher是在孩子之間制作影片。但在這種情況下,我們有一個相同的小部件 ( column) 作為孩子。這就是我們看不到影片的原因。我們需要根據條件傳遞一個孩子。喜歡
AnimatedSwitcher(
duration: Duration(seconds: 4),
child: _smallTitle
? Column(
key: ValueKey("child1"), // provide key
mainAxisSize: MainAxisSize.min,
children: [
Text(
'Text1/',
style: TextStyle(fontSize: 12.0),
),
Text(
_smallHeaderText,
)
],
)
: Column(
children: [
Text(_largeHeaderText),
],
)),
但是我們可以用key.
AnimatedSwitcher(
duration: Duration(milliseconds: 400),
child: Column(
key: ValueKey(_smallTitle ? "small child Key" : "largeChild key"),
crossAxisAlignment: CrossAxisAlignment.start,
children: [
(_smallTitle == true)
? Text('Text1/', style: TextStyle(fontSize: 12.0))
: Container(),
Text(
(_smallTitle == false) ? _largeHeaderText : _smallHeaderText,
),
],
),
),
key兒童分開使用。
轉載請註明出處,本文鏈接:https://www.uj5u.com/gongcheng/343329.html
上一篇:持續集成管道
