如果存在数据，请更改本机标题的按钮

Question

我想检查数据是否存在，如果数据存在则显示红色按钮，如果没有数据则显示蓝色按钮。我试图这样做，但是没有用。例如，如果有DM， Instagram 转到DM的按钮，按钮会更改为具有未读DM数量的不同颜色，如果没有DM，则为简单按钮。

static navigationOptions = ({ navigation }) => {
    const { params = {} } = navigation.state;
    const { notifications } = this.props.notification;

      return {
        headerRight: (
          <View>
            {
              (notifications.length > 0) ? (
                <TouchableOpacity onPress={() => params.handleSave()}>
                  <Badge>
                    <Text>{notifications.length}</Text>
                  </Badge>
                </TouchableOpacity>
              ) : (
                  <TouchableOpacity onPress={() => params.handleSave()}>
                    <Ionicons
                      name="ios-notifications-outline"
                      style={{ paddingRight: 15 }}
                      size={24}
                      color="white"
                    />
                  </TouchableOpacity>
                )
            }
          </View>
        )
      };
    }

Answer 1

创建两种不同的样式和条件

style={[navigation.state.yourstate ? styles.selectedButtonStyle : styles.normalButtonStyle]}