Display the component in a row along with other components

[Bilal-Abdeen]

Thank you for the excellent library.

I want to display the component in a row along with other components. Is this at all possible?

Using style style={{ flex: 1, flexDirection: "row", justifyContent: "flex-start", }} (as you can see below) makes the component SectionedMultiSelect shrink to only the caret!

It should be:

<View style={{ flex: 1, flexDirection: "row", justifyContent: "flex-start", }}>
	<SectionedMultiSelect
		IconRenderer={Icon}
                styles={{ selectToggle: { maxWidth: 100 }}} 
		items={[ {value: "value 1"}, {value: "value 2"}, ]}
		uniqueKey="value"
		displayKey="value"

		single={true}
		readOnlyHeadings={false} 

		hideSearch={false}
		hideConfirm={true}
		hideSubmitButton={true}
		canAddItems={false}

		onSelectedItemsChange={ (value) => { props.acPhoneCountryCode(value[0]);  }}
		selectedItems={[props.phoneCountryCode]} 
		selectText="Country Code"
	/>
	<Text>Hello</Text>
</View>

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[renrizzolo]

I'm not entirely sure, but looking at your markup it might be just a case of adding an extra wrapper around the select, that has some width or flex value. Or maybe adding flexShrink: 0 or similar to selectToggle styles

[github-actions]

This issue is stale because it has been open 30 days with no activity. Remove stale label or comment or this will be closed in 5 days.

[github-actions]

This issue was closed because it has been stalled for 5 days with no activity.