How to use the config.normalize function in config

flex-direction: row;
  align-items: center;
  justify-content: center;
  padding-right: 10;
`;

const ContainerBorderBottom = styled.View`
  border-bottom-width: 1;
  border-bottom-color: ${colors.greyLight};
`;

const RepoLink = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
    fontSize: normalize(10),
  },
  leftIconContainerStyle: {
    flex: 0,
  },
  containerStyle: {
    borderBottomColor: colors.greyLight,
    borderBottomWidth: 1,
  },
})``;

const IssueTitle = styled(ListItem).attrs({
  titleStyle: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
  },
  containerStyle: {

},
  branchIcon: {
    marginRight: 2,
  },
  headerText: {
    color: colors.primaryDark,
    ...fonts.fontPrimarySemiBold,
    fontSize: normalize(12),
  },
  content: {
    paddingVertical: 10,
    paddingHorizontal: 10,
  },
  contentText: {
    ...fonts.fontCode,
    fontSize: normalize(10),
  },
  contentCode: {
    paddingRight: 15,
    paddingBottom: 0,
  },
  codeContainer: {
    flex: 1,
    paddingVertical: 10,
    paddingHorizontal: 10,
  },
  imageContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    height: 400,
  },

{
      getUser,
      getOrgs,
      getStarCount,
    },
    dispatch
  );

const StyledSafeAreaView = styled(SafeAreaView).attrs({
  forceInset: getHeaderForceInset('MyProfile'),
})`
  background-color: ${colors.primaryDark};
`;

const Note = styled.Text`
  font-size: ${normalize(11)};
  color: ${colors.primaryDark};
  ${fonts.fontPrimaryLight};
  text-align: center;
  padding: 10px;
`;

const NoteLink = styled.Text`
  ${fonts.fontPrimarySemiBold};
`;

const BioListItem = styled(ListItem).attrs({
  containerStyle: {
    borderBottomColor: colors.greyLight,
    borderBottomWidth: 1,
  },
  titleStyle: {

sub: {
    ...textStyle,
    fontSize: normalize(9),
  },
  h1: {
    ...fonts.fontPrimarySemiBold,
    ...hrStyle,
    fontSize: normalize(20),
  },
  h2: {
    ...fonts.fontPrimarySemiBold,
    ...hrStyle,
    fontSize: normalize(18),
  },
  h3: { ...fonts.fontPrimarySemiBold, fontSize: normalize(16) },
  h4: { ...fonts.fontPrimarySemiBold, fontSize: normalize(14) },
  h5: { ...fonts.fontPrimarySemiBold, fontSize: normalize(12) },
  h6: { ...fonts.fontPrimarySemiBold, fontSize: normalize(10) },
  hr: { ...hrStyle },
  li: textStyle,
  a: linkStyle,
};

const quotedEmailToggleStyle = {
  backgroundColor: colors.greyMid,
  paddingHorizontal: 4,
  alignSelf: 'flex-start',
  height: 15,
  lineHeight: 12,
  marginBottom: 6,
  marginTop: 3,
};

const styles = StyleSheet.create({
  title: {
    color: colors.black,
    ...fonts.fontPrimaryLight,
  },
  titleBold: {
    color: colors.black,
    ...fonts.fontPrimarySemiBold,
  },
  textContainer: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  noCodeTitle: {
    fontSize: normalize(18),
    textAlign: 'center',
  },
  container: {
    borderBottomColor: colors.greyLight,
    borderBottomWidth: 1,
  },
});

class RepositoryCodeList extends Component {
  props: {
    getContents: Function,
    contents: Array,
    isPendingContents: boolean,
    navigation: Object,
  };

props.isUser &&
    css`
      border-color: ${colors.white};
      border-width: 2;
    `};
`;
const Title = styled.Text`
  color: ${colors.white};
  ${fonts.fontPrimaryBold};
  font-size: ${normalize(16)};
  margin-bottom: 2;
`;
const SubTitle = styled.Text`
  color: ${colors.white};
  ${fonts.fontPrimary};
  font-size: ${normalize(12)};
  margin-bottom: 50;
  padding-left: 15;
  padding-right: 15;
  text-align: center;
`;
const Details = styled.View`
  flex: 1;
  flex-direction: row;
`;
const Unit = styled.TouchableOpacity`
  flex: 1;
`;
const UnitNumber = styled.Text`
  text-align: center;
  color: ${colors.white};
  ${fonts.fontPrimaryBold};

const TitleSubtitleContainer = styled.View`
  justify-content: center;
  flex: 1;
  margin-left: 10;
`;

const DateContainer = styled.View`
  flex: 0.15;
  align-items: flex-end;
  justify-content: center;
`;

const LinkDescription = styled.Text`
  ${{ ...fonts.fontPrimaryBold }};
  font-size: ${normalize(13)};
  color: ${colors.primaryDark};
`;

const DateLabel = styled.Text`
  color: ${colors.greyDark};
`;

const CommentContainer = styled.View`
  padding-top: 5;
  margin-left: 54;
  border-bottom-color: ${colors.greyLight};
  border-bottom-width: 1;
  padding-bottom: ${props => (props.bottomPadding ? 15 : 0)};
`;

const CommentTextNone = styled.Text`

const Container = styled.View`
  border-top-color: ${colors.greyLight};
  border-top-width: 1;
  background-color: transparent;
`;

const Wrapper = styled.View`
  flex-direction: row;
  align-items: center;
  padding: 10px;
  justify-content: center;
`;

const InputText = styled.TextInput`
  font-size: ${normalize(12)};
  flex: 1;
  margin-right: 5;
  color: ${colors.black};
  ${fonts.fontPrimary};
`;
const TextInputText = InputText.withComponent(Text);

const PostButtonContainer = styled.TouchableOpacity`
  flex: 0.15;
  align-items: flex-end;
  justify-content: center;
`;

const PostButtonIcon = styled(Icon).attrs({
  color: props => (props.disabled ? colors.grey : colors.primaryDark),
})``;

  font-size: ${({ largeText }) => (largeText ? normalize(9.5) : normalize(7))};
`;

${fonts.fontPrimaryLight};
`;

const ExtraInfoWrapper = styled.View`
  flex-direction: row;
  flex: 1;
  padding-top: 5;
`;

const ExtraInfoText = styled.Text`
  color: ${colors.greyDark};
  padding-left: 3;
  padding-top: 2;
  margin-right: 15;
  ${fonts.fontPrimary};
  font-size: ${normalize(10)};
`;

const ExtraInfoForksText = ExtraInfoText.extend`
  padding-left: 0;
  margin-right: 13;
`;

const renderTitle = (repository, showFullName) => (
  
    
      
        
          {showFullName ? repository.full_name : repository.name}
        
        {repository.private && (