首页 > 解决方案 > 如何在反应原生纸单选按钮中切换单选按钮和标题

问题描述

我使用 react native paper 单选按钮,但它显示左侧的文本和右侧的单选按钮,例如:“文本 ✓”,我希望按钮位于左侧,右侧的文本我希望它是:“✓文本”

在此处输入图像描述

这是我下面的代码

                  <RadioButton.Group
                    onValueChange={handleChange('i_am')}
                    value={values.i_am}
                  >
                    <RadioButton.Item
                      label="1"
                      value="1"
                      color="#1E6DAD"
                    />
                    <RadioButton.Item
                      label="2"
                      value="2"
                      color="#1E6DAD"
                    />
                  </RadioButton.Group>

标签: javascriptreact-nativeradio-buttonreact-native-paper

解决方案


解决方案是使用 flexDirection =>

                    <RadioButton.Item
                      label="1"
                      value="1"
                      color="#1E6DAD"
                      style={{ flexDirection: 'row-reverse', alignSelf: 'flex-start' }}
                    />

推荐阅读