Блог

Как обойти монтажную область?
Я хочу немного переместить свою кнопку в нижнюю часть экрана
Я использую BottomNavigationBar, но моя кнопка расположена высоко от нижнего экрана

Пример изображения Нажмите здесь

 bottomNavigationBar: Row(
    children: [
      Expanded(
        child: GestureDetector(
          child: SizedBox(
            width: 190,
            height: 190,
            child: FlareActor(
              'assets/Plus_Animation_Button.flr',
              animation: 'Stay',
              controller: _Animation_Plus,
              sizeFromArtboard: false,
              fit: BoxFit.cover,
            ),
          ),
          onTap: _CheckPlus(),
        ),
      ),
      Expanded(
        flex: 1,
        child: Padding(padding: EdgeInsets.all(2)),
      ),
      Expanded(
        child: GestureDetector(
          child: SizedBox(
            width: 190,
            height: 190,
            child: FlareActor(
              'assets/Minus_Animation_Button.flr',
              animation: 'Stay',
              controller: _Animation_Minus,
              sizeFromArtboard: false,
              fit: BoxFit.cover,
            ),
          ),
          onTap: _CheckMinus(),
        ),
      ),
    ],
  ),
  

Я не силен в английском
Большое вам спасибо!

есть несколько способов, которыми вы могли бы это сделать. Я бы попробовал комбинации некоторых из этих инструментов / опций:

1. Помогите выровнять ее, изменив подгонку и выравнивание в соответствии с тем, что имеет смысл для вашего макета (я бы сначала попробовал fit: BoxFit.contain и alignment: Alignment.bottomCenter).

2. Измените размеры вашей монтажной области и укажите FlareActor размер из их монтажной области (используйте собственный размер в Flutter speak), указав sizeFromArtboard: true для вашего FlareActor.

3. Используйте альтернативные границы (не монтажной области), используя пользовательскую форму. Это может быть полезно, если вам нужна ограничивающая рамка, отличная от самой монтажной области. Создайте невидимый прямоугольник в Rive над интересующим элементом (например, другой монтажной областью / границами). Назовите это чем-нибудь, на что вы можете ссылаться в Flutter (например, «boundsRectangle»). Затем укажите boundsNode: «boundsRectangle» в виджете FlareActor.