Flutterのアコーディオンのメモ

configurable_expansion_tile

https://pub.dev/packages/configurable_expansion_tile

  // アコーディオン
  Widget _accordionWidget(
      BuildContext context, bool isWorking, String title, String body) {
    return ConfigurableExpansionTile(
      // 開いたときのヘッダ
      headerExpanded: Flexible(
        child: Row(
          mainAxisAlignment: MainAxisAlignment.start,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            ImageUtil.loadImage('locations/working_clock'),
            const SizedBox(
              width: 14,
            ),
            Flexible(
              child: TextStyles.normalStyle(
                body,
                color: ColorNames.grey2,
                fontSize: 14,
              ),
            ),
          ],
        ),
      ),
      // 閉じた時
      header: Flexible(
        child: Row(
          children: <Widget>[
            ImageUtil.loadImage('locations/working_clock'),
            const SizedBox(
              width: 14,
            ),
            isWorking
                ? TextStyles.boldStyle(
                    // 営業中
                    S.of(context).restaurantDetailOpen,
                    color: ColorNames.shopGreen,
                    fontSize: 14,
                  )
                : TextStyles.boldStyle(
                    // 閉店中
                    S.of(context).restaurantDetailClose,
                    color: ColorNames.red,
                    fontSize: 14,
                  ),
            const SizedBox(
              width: 8,
            ),
            Expanded(
              child: TextStyles.normalStyle(
                title,
                color: ColorNames.grey2,
                fontSize: 14,
              ),
            ),
            // 開く下向き＜
            ImageUtil.loadImage('locations/arrow_up'),
          ],
        ),
      ),
    );
  }