generator-rn-toolbox/generators/advanced-base/templates/src/components/SecondaryFlatButton.js

React-Native generators to kickstart your project

// @flow
import React, { Component } from 'react';
import { StyleSheet } from 'react-native';

import theme from 'theme';

import Button from './Button';
import type { Props } from './Button';

class SecondaryFlatButton extends Component<void, Props, void> {
  render() {
    return (
      <Button
        style={styles.button}
        textStyle={styles.textStyle}
        borderless
        useForeground
        {...this.props}
      />
    );
  }
}

const styles = StyleSheet.create({
  button: {
    backgroundColor: 'transparent',
  },
  textStyle: {
    ...theme.fonts.secondaryFlatButton,
  },
});

export default SecondaryFlatButton;