Q&A

flex messageでjustifyContentが効かない

前提・実現したいこと

flex messageで高さを指定したboxの上下中央位置にテキストを表示させたい

発生している問題・エラーメッセージ

flex message simulatorでは上下中央位置にテキストが表示されるが、実際メッセージを送信すると上に寄っていました

該当のソースコード

{
  "type": "bubble",
  "body": {
    "type": "box",
    "layout": "vertical",
    "contents": [
      {
        "type": "text",
        "text": "hoge",
        "flex": 0
      },
      {
        "type": "text",
        "text": "huga",
        "flex": 0
      }
    ],
    "height": "300px",
    "justifyContent": "center"
  }
}

試したこと

ドキュメントに子要素のflexが0でないと効かないという記述があり、0にしてますが変わらずでした

補足情報(FW/ツールのバージョンなど)

  • 0
  • 3
  • 2084
  • twitter facebook

test さん回答ありがとうございます 確かにcurlではうまくいきますがsdk経由ですとダメでしたので調べたところ pythonのline-bot-sdkを利用していましたが、バージョン1.17までのバグのようでした https://github.com/line/line-bot-sdk-python/pull/303 1.18にすることで解決しました

  • 0

もしSDKなどを使っているならその問題かもしれません curl等で送信してみて結果が変わるか見てみてください

  • 0

そのままコピーしたところ、手元のiOS端末とdesktopでは正しくセンタリングされました 特定の端末で発生する問題でしょうか?

  • 0
Are you sure? question.vm