Flutter - кнопка с повышенным уровнем внутри Transform.Виджет перевода

#flutter #dart #button

#трепетание #дротик #кнопка

Вопрос:

У меня есть преобразование.Перевести виджет, содержащий объект rectangle, адаптивный к различным размерам экрана и т. Д.

Я пытался включить повышенную кнопку и сделать этот прямоугольник интерактивным.

Я не уверен, что входит в состав чего и как это должно быть размещено внутри.

Я перепробовал довольно много возможных способов, но, похоже, ни один из них не работает, поскольку один не полностью функционирует в рамках другого.

Я опубликую код ниже, сначала это виджет transform.translate, а блок ниже — это базовая схема кнопки с повышенным уровнем для включения. Мне просто нужно знать, как поместить одно в другое, если это правильно! Большое спасибо!

 Transform.translate(
            offset: Offset(94.w, 635.h),
            child: Container(
              width: 187.w,
              height: 37.h,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(8.0.w),
                color: const Color(0xff2affa2),
                boxShadow: [
                  BoxShadow(
                    color: const Color(0x58000000),
                    offset: Offset(0.w, 10.h),
                    blurRadius: 15,
                  ),
                ],
              ),
            ),
          ),
          
    ElevatedButton(
    child: Text('Example'),
    onPressed: () {
                Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => SecondRoute()),
                );
                },
            ),

Ответ №1:

Если я вас правильно понял, вы хотите поместить ElevatedButton его в Transform виджет. Вы можете сделать это следующим образом:

 Transform.translate(
              offset: Offset(94.w, 635.h),
               child: Container(
              // set the Container's child property to your ElevatedButton
              child: ElevatedButton(
              child: Text('Example'),
              onPressed: () {
                Navigator.push(
                context,
                MaterialPageRoute(builder: (context) => SecondRoute()),
                );
                },
                ),
              width: 187.w,
              height: 37.h,
              decoration: BoxDecoration(
                borderRadius: BorderRadius.circular(8.0.w),
                color: const Color(0xff2affa2),
                boxShadow: [
                  BoxShadow(
                    color: const Color(0x58000000),
                    offset: Offset(0.w, 10.h),
                    blurRadius: 15,
                  ),
                ],
              ),
            ),
          ),