@uiw/react-native/lib/Card/Card.Title.js

UIW for React Native

import React from 'react';
import { View, Text, StyleSheet, Platform } from 'react-native';
import { colors } from '../utils';
import Divider from '../Divider';
const CardTitle = ({
  title,
  titleStyle,
  children
}) => {
  return <View>
      {title && <Text testID="cardTitle" style={StyleSheet.flatten([styles.title, titleStyle])}>
          {title}
        </Text>}
      {React.isValidElement(children) ? React.cloneElement(children) : null}
      <Divider style={StyleSheet.flatten([styles.divider])} lineStyle={{
      backgroundColor: '#e6e6e6'
    }} />
    </View>;
};
const styles = StyleSheet.create({
  title: {
    fontSize: 14,
    color: colors.colorsPalette.grey10,
    ...Platform.select({
      android: {
        fontFamily: 'sans-serif',
        fontWeight: 'bold'
      },
      default: {
        fontWeight: 'bold'
      }
    }),
    textAlign: 'center',
    marginBottom: 15
  },
  divider: {
    marginBottom: 15
  }
});
export default CardTitle;