小编Vla*_*ila的帖子

我有这个组件，其中包含一个列表，该列表被 TabNavigator 覆盖在底部。有什么想法如何修复它吗？难道只有一种造型方法吗？

render() {
    return (
        <Container style={{ paddingBottom: 5 }}>
          <Header
            backgroundColor={'#1E6EC7'}
            placement="left"
            leftComponent={{ icon: 'menu', color: '#fff' }}
            centerComponent={{ text: 'Programul Zilei', style: { color: '#fff', fontWeight: 'bold', fontSize: 22 } }}
            rightComponent={<Icon name="ios-add" style={{ color: 'white' }} onPress={() => {
               const {students}=this.props;
               this.props.navigation.navigate('AddClass', {students})}} />}
          />
          <List>
            <FlatList
              data={this.props.classes}
              keyExtractor={(item, index) => `${index}`}
              extraData={this.state}
              renderItem={({ item }) => {
                  <ListItem
                    leftIcon={<View style={{ flexDirection: 'row' }}><Icon1 name="times" size={24} style={{ paddingRight: 10, color: 'red' }} onPress={() => { …

我有一个奇怪的错误。我有一个 FlatList，它呈现 mapStateToProps 中的项目，它返回由 firebase fetch 产生的类。因为_.map(state.classes...我有条件地返回类，但是如果我不返回其他东西，我会从平面列表中得到一个错误，抱怨缺少一个道具，但如果我返回一个空对象，我不会得到任何错误，渲染是预期的。问题是我想知道这是否是正常行为。我需要退货吗？如果我根本不返回该对象，为什么它会抱怨缺少道具？提前致谢，弗拉德！

import React, { Component } from "react";
import {
    Text,
    View,
    FlatList,
    NativeModules,
    LayoutAnimation,
    Alert,
    Modal,
    TouchableHighlight
} from "react-native";
import _ from 'lodash';

import { Icon, Container } from 'native-base';;
import { CardSection, Confirm } from '../../common/index'
import { connect } from 'react-redux';
import { fetchClasses, fetchStudents } from '../../../actions/index';
import { List, ListItem, Header } from "react-native-elements"
import Icon1 from 'react-native-vector-icons/FontAwesome';

const { UIManager } = NativeModules
UIManager.setLayoutAnimationEnabledExperimental
    && …

所以我正在创建一个轮播生成器框架,我想让用户尽可能简单地实现.开发人员应该在
不关心设计/响应性的情况下添加图像.框架必须采用每个图像并将其插入到具有类别"幻灯片"的div中.在这种情况下,从这段代码:

<div id="album" class="album">
        <img src="./assets/img1.jpeg" alt="img1">
        <img src="./assets/img2.jpeg" alt="img2">
        <img src="./assets/img3.jpeg" alt="img3">
        <img src="./assets/img4.jpeg" alt="img4">
        <img src="./assets/img5.jpeg" alt="img5">
        <img src="./assets/img6.jpeg" alt="img6">
    </div>

框架应该生成这个:

<div class="slide">
        <img src="./assets/img1.jpeg" alt="img1">
    </div>
    <div class="slide">
        <img src="./assets/img2.jpeg" alt="img2">
    </div>
    <div class="slide">
        <img src="./assets/img3.jpeg" alt="img3">
    </div>
    <div class="slide">
        <img src="./assets/img4.jpeg" alt="img4">
    </div>
    <div class="slide">
        <img src="./assets/img5.jpeg" alt="img5">
    </div>
    <div class="slide">
        <img src="./assets/img6.jpeg" alt="img6">
    </div>

但是以下代码仅生成6个图像中的3个:

    let album = document.getElementById("album");

let nextButton = document.getElementById('nextButton');
nextButton.addEventListener('', () => {
    album.scrollBy(window.innerWidth, 0);
})

Object.keys(album.children).forEach(key => { …