Skip to content

How can i increase the fontsize of the items inside the FlatList ? #16157

@PManager1

Description

@PManager1
return (
        <FlatList
          data={this.props.properties}
          renderItem={({ item }) => (
            <ListItem onPress={()=>navigate('editProperty',{item})}
              roundAvatar
              title={`${item.agent_name} `}
              subtitle={`${item.address}, ${item.city}`}
              style={styles.row_alternate}
              containerStyle={{ borderBottomWidth: 0 }}
            />
          )}
          keyExtractor={item => item._id}
          ItemSeparatorComponent={this.renderSeparator}
          ListHeaderComponent={this.renderHeader}
          ListFooterComponent={this.renderFooter}
          onRefresh={this.handleRefresh}
          refreshing={this.state.refreshing}
          onEndReached={this.handleLoadMore}
          onEndReachedThreshold={50}
        />
);

}

const styles = StyleSheet.create({
row_alternate: {
padding: 20,
backgroundColor: 'white',
fontSize: 90,
},
});

I tried,

<FlatList
data={this.props.properties}
renderItem={({ item }) => (
<ListItem style={{backgroundColor: 'blue', flex: 0.3}} onPress={()=>navigate('editProperty',{item})}
roundAvatar
title={${item.agent_name} }
subtitle={${item.address}, ${item.city}}
style={styles.row_alternate}
containerStyle={{ borderBottomWidth: 0, backgroundColor: 'blue' }}
/>

Metadata

Metadata

Assignees

No one assigned

    Labels

    Ran CommandsOne of our bots successfully processed a command.Resolution: For Stack OverflowA question for Stack Overflow. Applying this label will cause issue to be closed.Resolution: LockedThis issue was locked by the bot.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions