FAB из Native base начинает работать

Question

Я знаю, что мой вопрос связан с этим - React Native - Родная база FAB (кнопка с плавающим действием): При нажатии FAB автоматически вызывает под-кнопки «onpress» Но насколько это возможноу меня нет правильного ответа, который я спрошу.

Я скопировал фрагмент кода из официальных документов и столкнулся с проблемой: каждый раз, когда я открываю экран, содержащий FAB, эта кнопка отображается как нажатая (активированная).Когда я нажимаю на него (закрываю) и перехожу на другой экран, FAB снова показывает его содержимое.Но состояние «ложь» при запуске экрана.

Где моя ошибка?

import React, {Component} from 'react';
import { Fab, Icon, Button } from 'native-base';

export default class PlusButton extends Component {

constructor(props) {
    super(props);
    this.state = {
        active: 'false'
    };
}

render() {
    return ( 
        <Fab
            active = {this.state.active}
            direction = "up"
            containerStyle = {{ }}
            style = {{ backgroundColor: '#ce4729' }}
            position = "bottomRight"
            onPress = {() => this.setState({ active: !this.state.active })}>

            <Icon name = "share" />

            <Button style = {{ backgroundColor: '#ce4729' }}>
                <Icon name = "logo-whatsapp" />
            </Button>

            <Button style = {{ backgroundColor: '#ce4729' }}>
                <Icon name = "logo-facebook" />
            </Button>

            <Button disabled style = {{ backgroundColor: '#ce4729' }}>
                <Icon name = "mail" />
            </Button>

        </Fab>
    );
}
}

Answer 1

Вы попробовали: this.state = {active: false};