react-native-orzhtml-list/src/OrzhtmlListViewStyle.ts

FlatList with pull-to-refresh and infinite scrolling for Android and iOS React-Native apps

import { StyleSheet } from 'react-native'

export default StyleSheet.create({
  fetchingView: {
    height: 55,
    justifyContent: 'center',
    alignItems: 'center'
  },
  paginationView: {
    height: 55,
    flexDirection: 'row',
    justifyContent: 'center',
    alignItems: 'center'
  },
  paginationViewText: {
    fontSize: 16
  },
  paginationViewSpinner: {
    marginRight: 5
  },
  paginationBtn: {
    backgroundColor: 'tomato',
    margin: 10,
    borderRadius: 20,
    flex: 1,
    height: 50,
    justifyContent: 'center',
    alignItems: 'center'
  },
  paginationBtnText: {
    fontSize: 16,
    color: 'white',
    fontWeight: 'bold'
  },
  separator: {
    height: 0.5,
    marginLeft: 15,
    marginRight: 15,
    backgroundColor: 'lightgray'
  },
  emptyView: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center'
  },
  emptyViewTxt: {
    lineHeight: 80
  },
  allLoadedText: {
    alignSelf: 'center',
    color: '#bfbfbf'
  },
  gridItem: {
    overflow: 'hidden',
    alignItems: 'center',
    justifyContent: 'center'
  },
  gridView: {
    flexDirection: 'row',
    alignItems: 'flex-start',
    flexWrap: 'wrap'
  },
  line: {
    backgroundColor: '#E7E7E7',
    height: StyleSheet.hairlineWidth,
    marginHorizontal: 10
  },
  ml5: {
    marginLeft: 5
  }
})