Блог

У меня есть следующий код, я пытаюсь добиться того, что я хочу, чтобы у моей плоской кнопки был собственный эффект пульсации. По умолчанию материал flutter создает эффект всплеска и не ощущается как родной. Я попытался обернуть свою FlatButton с помощью inkwell, чтобы как-то решить эту проблему, когда я нажимаю на кнопку, она игнорирует мой виджет inkwell. Как я могу это решить?

 InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: FlatButton(
          color: Theme.of(context).colorScheme.primary,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(8)),
          ),
          child: Text("Im a text"),
          onPressed: () {},
        ));
  

Итак, проблема заключается в том, что функция передается в onPressed из FlatButton .

Вам просто нужно перейти null к FlatButton «s onPressed «, чтобы триггер перешел к InkWell «s onTap » .

Попробуйте это:

 
InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: FlatButton(
          color: Theme.of(context).colorScheme.primary,
          shape: RoundedRectangleBorder(
            borderRadius: BorderRadius.all(Radius.circular(8)),
          ),
          child: Text("Im a text"),
          onPressed: null,
        ));
  

Обновлено:
Добавьте InkWell внутри Material виджета и замените FlatButton на Container виджет

 Material(
      shape: RoundedRectangleBorder(
        borderRadius: BorderRadius.all(Radius.circular(8)),
      ),
      color: Theme.of(context).colorScheme.primary,
      child: InkWell(
        onTap: () => true,
        splashFactory: InkRipple.splashFactory,
        child: Container(
          padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
          child: Text("Im a text"),
        ),
      ),
    );