change button color ui kitten react native

Question

How do I change the color of button text using the react native library?

I've tried it with the following code.

    // styles
    button:
    {
        marginTop: 15,
        marginLeft: lrMargin,
        marginRight: lrMargin,
        color: 'white'
    }

                    <Button 
                        style={styles.button} 
                        status='basic'
                        color="red"
                        textColor="red"
                    >

                        LOGIN

                    </Button>

Answer 1

Button and it's inner views can be styled by passing them as function components.

import { Button, Text } from '@ui-kitten/components';

<Button style={...}>
  {evaProps => <Text {...evaProps}>BUTTON</Text>}
</Button>

source link:- https://akveo.github.io/react-native-ui-kitten/docs/components/button/overview#button

Answer 2

You can use the textStyle prop. For example,

<Button textStyle={{color:'red'}}>LOGIN</Button>