素材-uiラベルを切り替えるには、左、右、上のラベルはどうすればいいですか？

Question

トグルの両側にラベルが配置されたトグルスイッチとトップラベルを作成しようとしています。

など。私は左/右スイッチを作ろうとしています。

Out putはこのようになります。

                 サイド
左[切り替え]を右

これはトグルコードです：

<Toggle 
               floatingLabelText="Side" 
               label="Side" 
               labelPosition="right" 
               style={styles.toggle} 
              /> 

Answer 1

材質UIは左側または右側のラベルをサポートしています。他の2つの位置にラベルを配置するには、HTMLとCSSを使用する必要があります。

この場合、ラベルプロパティをまったく使用せず、適切なテキストを表示するためにいくつかのスパンを含むdivにToggleを囲むことをお勧めします。