react-native-reviews/src/styles.js

A pure react-native compont to ask user for app reviews

import {StyleSheet} from 'react-native';

const styles = StyleSheet.create({
  container: {
    backgroundColor: '#fff',
    borderRadius: 6,
    shadowColor: '#000',
    shadowOffset: {
      width: 0,
      height: 20,
    },
    shadowOpacity: 0.4,
    shadowRadius: 16.0,
    elevation: 24,
    width: 320,
  },
  content: {
    paddingTop: 24,
    paddingHorizontal: 24,
  },
  mainTitle: {
    fontStyle: 'normal',
    fontWeight: '500',
    fontSize: 20,
    lineHeight: 24,
    letterSpacing: 0.15,
  },
  titlePusher: {
    marginBottom: 20,
  },
  likeButtons: {
    alignSelf: 'stretch',
    flexDirection: 'row',
    alignItems: 'center',
    justifyContent: 'center',
    marginBottom: 15,
  },
  iconButton: {
    padding: 15,
    borderRadius: 30,
  },
  icon: {
    width: 22,
    height: 20,
  },
  iconSeparator: {
    width: 15,
  },
  subtitleStyle: {
    color: '#0E1524',
    fontSize: 16,
    lineHeight: 28,
    fontStyle: 'normal',
    marginBottom: 12,
  },
  helperText: {
    color: 'rgba(33, 33, 33, 0.6)',
    fontSize: 16,
    lineHeight: 28,
    fontStyle: 'normal',
    marginBottom: 12,
  },
  inputContainer: {
    alignSelf: 'stretch',
    height: 110,
    borderTopLeftRadius: 4,
    borderTopRightRadius: 4,
    borderWidth: StyleSheet.hairlineWidth,
    borderColor: 'transparent',
    borderBottomColor: 'rgba(33, 33, 33, 0.6)',
    paddingHorizontal: 16,
    paddingVertical: 12,
    backgroundColor: 'rgba(0, 0, 0, 0.04)',
    overflow: 'hidden',
    marginBottom: 16,
  },
  input: {
    flex: 1,
    color: 'rgba(33, 33, 33, 0.6)',
    textAlignVertical: 'top',
    fontSize: 16,
    fontStyle: 'normal',
    fontWeight: '500',
  },
  footer: {
    alignSelf: 'stretch',
    padding: 8,
    flexDirection: 'row',
    justifyContent: 'flex-end',
  },
  buttonStyle: {
    padding: 8,
  },
  buttonTextStyle: {
    color: '#6E2CFA',
    fontSize: 14,
    lineHeight: 16,
    fontStyle: 'normal',
    fontWeight: '500',
  },
  rightButton: {
    marginLeft: 20,
  },
});

export default styles;