带有输入文本的浮动标签-使用in react native将标签触摸到android中输入的底部边框

Question

我已经用输入项实现了浮动标签。以下是“我的代码”，并附有截屏。浮动标签在iPhone中可以正常工作，但在android浮动标签中，使用React Native时触摸底部边框

<Item floatingLabel style={styles.floatInput}>
            <Label style={styles.lbl}>Enter Your Mobile Number</Label>
            <Input
              style={styles.inputcolor}
              ref="Mobile"
              keyboardType="numeric"
              onChangeText={text => {
                this.checkSetMobile(text)
              }}
              value={this.state.Mobile}
            />
              <Icon style={{color:AppColors.colors.main_color}} name="md-call" />
          </Item>

      lbl: {
        paddingTop: Platform.OS === "ios" ? undefined : 5 ,
        paddingBottom: Platform.OS === "ios" ? undefined : 5 ,
        marginBottom: 5,

      },
      inputcolor: {
        flex: 1,
        paddingBottom:5,
}

Answer 1

目前，我已经在浮动标签上完成了此行的工作，并解决了我的问题

paddingTop: Platform.OS === "ios" ? undefined : -15 ,