Quantcast
Channel: Active questions tagged react-native+typescript - Stack Overflow
Viewing all articles
Browse latest Browse all 6212

Add connecting line between two input fields

$
0
0

I am using native base input fields like this:

<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>

I want to add such a connecting line before the starting of each input line. Doesn't have to be the same kind. Does react native offer any such built in connecting line or temporary placeholder?

enter image description here

Even if I use a custom graphic, how could I style it?enter image description here

Styles:

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

Viewing all articles
Browse latest Browse all 6212

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>