React Native: изменение цвета текста в кнопке «Бумага»

Question

Я относительно новый в родной реакции.

Я могу легко показать кнопку (с тенью и т. Д.), Как здесь.

 <Button
  mode="contained"
  color={'#f08e25'}
  contentStyle={{ height: 44 }}
  onPress={this.onPressSubmit}
  theme={theme} >SUBMIT </Button>

Я также ссылаюсь на этот документ.

https://callstack.github.io/react-native-paper/button.html#contentStyle

Проблема в том, что я не могу изменить цвет текста, если режим "содержится". Я попытался в contentStyle или теме, и это не работает. Как мне изменить цвет текста, если режим «содержится»?

Answer 1

onPressSubmit = () => {
    setState({flag:true})
}
<Button
  mode="contained"
  color={'#f08e25'}
  contentStyle={this.state.flag ? styleA : styleB}
  onPress={this.onPressSubmit}
  theme={theme} >SUBMIT </Button>

Answer 2

Для кнопок mode ='денси -рованная-реактивная-бумага 'цвет меняет цвет фона, и для изменения текста требуется labelStyle. Для кнопок mode = 'flat' цвет изменит текст. Вам просто нужно добавить свойство labelStyle. Код ниже даст вам оранжевую кнопку с белым текстом, например:

<Button
  mode="contained"
  color="#f08e25"
  contentStyle={{ height: 44 }}
  labelStyle={{ color: "white", fontSize: 18 }}
  onPress={this.onPressSubmit}
  theme={theme} >
    SUBMIT 
</Button>

Answer 3

import * as React from 'react';
import { Button,Text } from 'react-native-paper';

const MyComponent = () => (
  <Button icon="camera" color="blue" dark={true} compact={true}  style={{color:"red",marginTop:100}} mode="contained" onPress={() => console.log('Pressed')}>
   <Text style={{color:"red"}}>press me</Text>
  </Button>
);

export default MyComponent;

это ваш ответ в автономном режиме, цвет показывает цвет всей кнопки, а не только текста