Цвет фона в элементе списка не работает? - PullRequest
Новая
       113

Цвет фона в элементе списка не работает?

0 голосов
/ 28 сентября 2019

Я делаю элемент списка в первый раз и не заметил, что ничего не изменится, если я использую этот код:

** РЕДАКТИРОВАТЬ! 

     import React from "react";
import { StyleSheet, View } from "react-native";
import { ListItem } from "react-native-elements";
import MaterialIcons from "react-native-vector-icons/MaterialIcons";
import MaterialCommunityIcons from "react-native-vector-icons/MaterialCommunityIcons";

export default class ChangePassword extends React.Component {
  constructor(props) {
    super(props);
    this.state = {};
  }

  accountIcon = () => (
    <MaterialIcons name="account-box" size={35} type="MaterialIcons" />
  );
  changePasswordIcon = () => (
    <MaterialCommunityIcons
      name="textbox-password"
      size={35}
      type="MaterialCommunityIcons"
    />
  );

  render() {
    return (
      <View>
        <ListItem title="Account" leftIcon={this.accountIcon} bottomDivider />
        <View style={{ backgroundColor: "#007bff" }}>
          <ListItem
            title="Change password"
            leftIcon={this.changePasswordIcon}
            bottomDivider
          />
        </View>
      </View>
    );
  }
}

Может кто-тоОбъясните мне, почему это так и как я могу это исправить, пожалуйста.

Благодарим вас, спасибо за потраченное время

1 Ответ

0 голосов
/ 29 сентября 2019

Вы используете react-native-elements.Поэтому вы должны использовать стиль этого модуля.

Вы можете использовать containerStyle={{backgroundColor:""}}

Если вы просто хотите изменить цвет заголовка, titleStyle={{backgroundColor:""}}

Пример 

          <ListItem
            title="Change password"
            leftIcon={this.changePasswordIcon}
            bottomDivider
            containerStyle={{backgroundColor:"blue"}}
            titleStyle={{backgroundColor:"red"}}
          />
...