使用 Flutter Reaction Button Pub 向左屏幕移动

Question

我要在我的新应用中使用 flutter reaction button 插件。
但是当我放置反应按钮并按下图标时，预览图标框显示在右侧，主视图移至左侧站点。1

这是显示图片和反应按钮的项目代码。

class CommunicationItem extends StatefulWidget {
  const CommunicationItem({@required this.communication});
  final Communication communication;

  @override
  _CommunicationItemState createState() => _CommunicationItemState();
}

class _CommunicationItemState extends State<CommunicationItem> {
  @override
  Widget build(BuildContext context) {
    return Card(
      margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 5),
      elevation: 2,
      child: ClipRRect(
        borderRadius: const BorderRadius.all(Radius.circular(5)),
        child: Column(
          children: [
            Image.asset('assets/images/showImage.png'),
            spaceH8,
            Padding(
              padding: const EdgeInsets.symmetric(horizontal: 20),
              child: Row(
                children: [
                  FlutterReactionButtonCheck(
                    onReactionChanged: (reaction, index, isChecked) {
                      print('reaction selected index test: $index');
                    },
                    reactions: data.reactions,
                    initialReaction: data.defaultInitialReaction,
                    selectedReaction: data.reactions[0],
                  ),

我知道另一个类似这样的解决方案 link。
https://githubmemory.com/repo/GeekAbdelouahed/flutter-reaction-button/issues/22

但是我不知道如何通过代码解决
请帮助它。

V/r,

Answer 1

发生这种情况是因为CupertinoPageRoute的转换，尝试将页面转换设置为none。

使用 Flutter Reaction Button Pub 向左屏幕移动

Screen Shift to Left using Flutter Reaction Button Pub

plugins

dart

flutter