ListItem rightTitle propType should be PropTypes.any(or object) instead of PropTypes.string

Description

I’m not a expert of React and RN, so It could be my mistake.

If it isn’t a bug or a issue, close this issue please.

When using nested Text components for the rightTitle prop of ListItem, I get a PropTypes warning because it expects only a string. The underlying TextElement component allows its children to be PropTypes.any, so shouldn’t the ListItem allow rightTitle to be PropTypes.any also?

I’m using version 0.17.0

Reproduction Steps and Sample Code

const rightTitle = (
    <View width={50} height={20}>
        <Text>{Title}</Text>
        <Text>{Subtitle}</Text>
    </View>
)
<ListItem ... otherProps rightTitle={rightTitle} />

Solution

it could just change the propType of rightTitle to PropTypes.any in ListItem.js.

[iRoachie]

It’s a feature that should be added in v1 of our library. Right now the ListItem component is being completely rewritten to be more flexible. Can see the progress here.

Should be released with beta4 https://github.com/react-native-training/react-native-elements/milestone/2

[wkwyatt]

@iRoachie well here is a workaround until the component gets added if you need a subtitle for the rightTitle.

<ListItem
    title="Title"
    subtitle="Subtitle"
    onPress={() => doSomething()}
    hideChevron
    label={
        <View style={{flexDirection: 'row'}}>
            <View style={{flexDirection: 'column'}}>
                <Text>Right Title</Text>
                <Text>Right Subtitle</Text>
            </View>
            <Icon
                name="chevron-right"
                size={14} color="#000"
                style={{paddingHorizontal: 20, backgroundColor: 'transparent',  alignSelf: 'center'}}
            />
       </View>
   }
/>