Только текстовая область кнопки кликабельна - PullRequest
Новая
       23

Только текстовая область кнопки кликабельна

2 голосов
/ 08 июня 2019

Нажатие не работает для всех частей кнопки.Только текстовая область кликабельна.

В качестве решения я использовал contentStyle вместо style prop.Но он меняет только цвет в области касания кнопки.Мне нужно применить нажатие кнопки для всей кнопки и изменить цвет всей кнопки при нажатии в любом месте кнопки.

Вот мой код: 

import * as React from "react";
import { Button } from "react-native-paper";
import styles from "./styles";

const Cbutton = ({ text, onPress }) => (
  <Button style={styles.wrapper} mode="contained" onPress={onPress}>
    {text}
  </Button>
);

export default Cbutton;

Это мойкод для таблицы стилей. 

import { StyleSheet } from 'react-native';

export default StyleSheet.create({

    wrapper: {
      flexDirection: 'row',
      justifyContent:'center',
      alignItems: 'center',
      width: ( "96%" ),
    },

});

1 Ответ

1 голос
/ 08 июня 2019

Вы должны использовать TouchableHighlight для изменения активного состояния.

Что касается, что касается интерактивной области, я думаю, кнопка rn-paper по умолчанию является правильной.Вы должны проверить, как вы экспортировали компонент.

...