I'm building out a calendar and I'm having trouble aligning everything. Right now I have the following result:

Ideally the number would be directly under the day of the week and centered like a typical calendar, but I haven't been able to achieve this with the code below. What am I missing here?

<View style={styles.daysView}>
                <FlatList
                    scrollEnabled={false}
                    ListHeaderComponent={
                        <FlatList
                            horizontal
                            data={days}
                            contentContainerStyle={{
                                width: "80%",
                                justifyContent: "space-evenly",
                                flexGrow: 1,
                            }}
                            keyExtractor={(item) => item.id}
                            renderItem={({ item }) => (
                                <View>
                                    <Text>
                                        {item.day[0]}
                                    </Text>
                                </View>
                            )}
                        />
                    }
                    contentContainerStyle={{
                        flexDirection: "column",
                    }}
                    data={numOfDays}
                    numColumns={5}
                    keyExtractor={(item) => item.id}
                    renderItem={({ item }) => (
                        <View
                            style={{
                                flexGrow: 1,
                                justifyContent: "space-between",
                            }}
                        >
                            <Text style={{ textAlign: "center" }}>
                                {item.number}
                            </Text>
                        </View>
                    )}
                />
            </View>

const styles = StyleSheet.create({
    daysView: {
        width: "100%",
        marginTop: 5,
    },
});