Перечисление CrossFadeState

Перечисление CrossFadeState передают в crossFadeState у AnimatedCrossFade. Так переключают firstChild и secondChild без резкой смены кадра.

Синтаксис

CrossFadeState.showFirst

Значения

Значение	Описание
`showFirst`	На переднем плане firstChild.
`showSecond`	На переднем плане secondChild.

Пример

Давайте покажем firstChild:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: AnimatedCrossFade(
						duration: Duration(milliseconds: 400),
						crossFadeState: CrossFadeState.showFirst,
						firstChild: Text('abcde'),
						secondChild: Text('12345'),
					),
				),
			),
		),
	);
}

На экране по центру виден 'abcde' из firstChild.

Пример

Давайте переключить на showSecond:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: AnimatedCrossFade(
						duration: Duration(milliseconds: 400),
						crossFadeState: CrossFadeState.showSecond,
						firstChild: Text('abcde'),
						secondChild: Text('12345'),
					),
				),
			),
		),
	);
}

На экране после cross fade на переднем плане '12345'.

Смотрите также

виджет AnimatedCrossFade,
которому передают crossFadeState
перечисление AnimationStatus,
которое описывает ход Animation
виджет AnimatedSwitcher,
который тоже меняет child с анимацией
класс Curves,
которым задают curve у AnimatedCrossFade