react-native-guide-mark/src/RcButtonBright.js

React Native Guide Mark / Coach Mark to guide first time app users

import React from "react";
import {  Text, StyleSheet, TouchableOpacity } from "react-native";
function RcButtonBright(props) {
  let {
    style,
    title,
    textStyle,
    onPress
  } = props;
  return (
    <TouchableOpacity style={
      [styles.btnContainer,style]
    } onPress={onPress}>
      <Text style={[styles.brightBtnText, textStyle]}>{title}</Text>
    </TouchableOpacity>
  );
}
export default RcButtonBright;
const styles = StyleSheet.create({
  btnContainer: {
      backgroundColor: '#e1e000',
      borderRadius: 22,
      alignItems: 'center',
      justifyContent: 'center'
},
    brightBtnText: {
      padding: 10,
      paddingHorizontal:30
  }
});