ButtonContainer1.jsx

import { View, Text } from 'react-native';
import cssta from 'cssta/native';

const ButtonContainer = cssta(View)`
  margin: 10px 50px;
  padding: 10px 15px;
  border-radius: 1000px;
  border: 1px solid #e67e22;
  background-color: white;

  [active] {
    background-color: #e67e22;
  }
`;

const ButtonText = cssta(Text)`
  color: #e67e22;
  text-align: center;

  [active] {
    color: white;
  }
`;

const Button = ({ children }) => (
  <TouchableCustom>
    {active => (
      <ButtonContainer active={active}>
        <ButtonText active={active}>
          {children}
        </ButtonText>
      </ButtonContainer>
    )}
  </TouchableCustom>
);