I'm looking for format Picker inline with many setences in paragraph. I want to format it with the result as
My code is format as bellow
<View
key={paragraphIndex}
style={{flexDirection: 'row', textAlign: 'left'}}>
<Text
style={{
fontSize: 18,
color: 'black',
textAlign: 'left',
}}>
{paragraph.text}
</Text>
<Picker
style={{width: 30, textAlign: 'right'}}
itemStyle={{
fontSize: 15,
color: 'black',
textAlign: 'center',
fontWeight: 'bold',
}}
mode="dropdown"
key={paragraphIndex}
selectedValue={selectedValues[paragraphIndex]}
onValueChange={itemValue =>
handleDropdownChange(paragraphIndex, itemValue)
}>
{paragraph.dropdownData.map((item, index) => (
<Picker.Item
key={index}
label={item.label}
value={item.value}
style={{height: 10}}
/>
))}
</Picker>
</View>
Everyone can help me to format it the same my result. Thanks!
