Как выровнять отдельные виджеты во Flutter?

Запустите действие с общим элементом

Чтобы сделать анимацию перехода экрана между двумя действиями, которые имеют общий элемент:

Включить переходы содержимого окна в вашей теме. Укажите общий переход элементов в вашем стиле. Определите свой переход как XML-ресурс. Назначьте общее имя совместно используемым элементам в обоих макетах с атрибутом android: transitionName . Используйте метод ActivityOptions.makeSceneTransitionAnimation ().

// get the element that receives the click event
final View imgContainerView = findViewById(R.id.img_container);

// get the common element for the transition in this activity
final View androidRobotView = findViewById(R.id.image_small);

// define a click listener
imgContainerView.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
        Intent intent = new Intent(this, Activity2.class);
        // create the transition animation - the images in the layouts
        // of both activities are defined with android:transitionName="robot"
        ActivityOptions options = ActivityOptions
            .makeSceneTransitionAnimation(this, androidRobotView, "robot");
        // start the new activity
        startActivity(intent, options.toBundle());
    }
});

Для общих динамических представлений, которые вы генерируете в своем коде, используйте метод View.setTransitionName (), чтобы указать общее имя элемента в обоих действиях.

Чтобы отменить анимацию перехода сцены, когда вы закончите второе действие, вызовите метод Activity.finishAfterTransition () вместо Activity.finish ().

Возьмите здесь Настройте переходы активности