Lightning コンポーネントを使用したフロー画面の動的更新
条件に基づいて項目を画面に表示するには、コンポーネントの構成部分をどのような場合に表示するのかを確認する aura:if を使用して、Lightning コンポーネントを構築します。
例
このコンポーネント (c:flowDynamicScreen) は、カスタムスクリプトコンポーネントとラジオボタングループを表示します。コンポーネントは、フローから取引先責任者の既存の電話番号を取得し、その値を使用してスクリプトに入力します。

ユーザが [いいえ] ラジオボタンを選択すると、入力項目が表示され、ユーザはそこに新しい電話番号を入力できます。
![[いいえ] を選択すると、[電話] 項目が表示されます。](https://developer.salesforce.com/docs/resources/img/ja-jp/214.0?doc_id=images%2Fflow_dynamicform2.png&folder=lightning)
c:flowDynamicScreen コンポーネント
c:flowDynamicScreen スタイル
c:flowDynamicScreen コントローラ
ユーザが移動、または [電話] 項目からフォーカスを外すと、コントローラは newPhone 属性を入力値に設定し、フローで新しい電話番号を参照できるようになります。
defaultTokens.tokens
c:flowDynamicScreen のスクリプトでは、Salesforce Lightning Design System のスタイルと同期された状態を保つためにトークンを使用します。