在两个输入字段之间添加连接线

Question

我正在使用本机基本输入字段，例如：

            <View style={scaledAvailableTripsStyles.searchFieldContainer}>
              <Item fixedLabel style={scaledAvailableTripsStyles.searchField}>
              <Input 
              //onChangeText={text => setNewStartingPoint(text)}
              value={newStartingPoint}
              style={scaledAvailableTripsStyles.inputText}
              />
            </Item>
            <Item fixedLabel style={scaledAvailableTripsStyles.searchField}>
              <Input style={scaledAvailableTripsStyles.inputText}
              value={newEndingPoint}/>
            </Item>
            </View>

我想在每条输入线的开始之前添加这样的连接线。不必是同一种。 React Native是否提供任何此类内置连接线或临时占位符？

即使使用自定义图形，如何设置样式？

样式：

 searchFieldContainer: {
    alignItems: 'center',
    height: moderateScale(120),
    paddingLeft: 50,
  },
  searchText: {
    fontSize: moderateScale(14),
  },
searchField: {
    width: 300,
  },

Answer 1

然后，要更改行的位置（因为默认位置在父位置上，并且位于默认位置之后，因此您必须使用css的transform，而女巫也在上面的链接中。如果您希望使用相同的颜色模式，也可以使用css元素渐变。