react-native-test-auw

A simple React Native component library for testing and showcasing Android and iOS apps built with React Native.

Installation

npm install react-native-test-auw

Usage

import {SmallComp, BigComp} from 'react-native-test-auw';
<BigComp
  key={index}
  title={
    'Delhi poll campaign shows freebie politics is now a free-for-all. Netas or voters aren’t thinking of the ultimate costs'
  }
  category={'देश'}
  date={'12 अप्रैल'}
  url={
    'https://www.adorama.com/alc/wp-content/uploads/2018/11/landscape-photography-tips-yosemite-valley-feature-1280x720.jpg'
  }
  isBookmark={true}
  isShare={true}
  style={{
    container: { width: '100%', padding: 20, backgroundColor: 'red' },
    innerContainer: { width: '100%', gap: 10 },
    title: { fontSize: 20, fontWeight: 'bold', color: '#000' },
    imageContainer: {
      borderRadius: 10,
      overflow: 'hidden',
      width: '100%',
      aspectRatio: 16 / 9,
      resizeMode: 'cover',
    },
    bottomStrip: {
      width: '100%',
      gap: 10,
      flexDirection: 'row',
      justifyContent: 'space-between',
      alignItems: 'center',
    },
    bottomStripLeft: { flexDirection: 'row', gap: 10 },
    category: { fontSize: 14, color: '#000' },
    dot: { fontSize: 14, color: '#000' },
    date: { fontSize: 14, color: '#000' },
    bottomStripRight: {
      flexDirection: 'row',
      gap: 50,
      alignItems: 'center',
    },
    bookmarkIcon: 23,
    shareIcon: 23,
  }}
  handleClick={() => console.log('Clicked')}
  handleCategoryClick={() => console.log('Category clicked')}
  handleDateClick={() => console.log('Date clicked')}
  handleBookmarkClick={() => console.log('Bookmark clicked')}
  handleShareClick={() => console.log('Share clicked')}
  handleEmptyClick={() => console.log('Empty clicked')}
/>