删除 'MainList.js'

5 years ago · d9fc6d73fd
1 changed files with 0 additions and 119 deletions
--- a/MainList.js
+++ b/MainList.js
@ -1,119 +0,0 @@
 import React, {Component} from 'react';
 import {
    Image,
    View,
    StyleSheet,
    TouchableOpacity,
    ScrollView
 } from 'react-native';
 import {Directory} from '../../public/plugin/api';
 import {FullList} from './FullList';
 import { from } from 'core-js/fn/array';
 const DirectoryScrollView = Directory.DirectoryScrollView;
 var image = require('./fold.png');
 class MainList extends Component {
    constructor(props) {
        super(props);
        this.state = {
            hidden : true
        }
    }
    Change = () => {
        this.setState({
            hidden : this.state.hidden ? false : true
        })
    }
    render() {
        const data = this._getData();
        const content = data.map((item, index) => (           
            this.getItem(item, index)
        ));
        if(content.length < 5){
            return <DirectoryScrollView>
                        <ScrollView contentContainerStyle={styles.list}>
                            {content}
                        </ScrollView>
                    </DirectoryScrollView>
        }
        if (!this.state.hidden){
            return(
                <FullList pprops = {this.props} Change = {this.Change}/>
            )
        }
        fullIcon = (<View style={styles.gridWrapper} >
            <TouchableOpacity
                onPress={
                    this.Change
                }><Image source={image} style={{ width: 36, height: 36, margin: 'auto'}} />
                <p style={{color: "#666", fontSize: 12, textAlign: "center"}}>全部</p>
            </TouchableOpacity>
        </View>);
        return (
        <DirectoryScrollView >
            <ScrollView contentContainerStyle={styles.list}>
                 {content}
            </ScrollView>
        </DirectoryScrollView>
        )}
    getItem(item, index) {
        return (
            <View style={styles.gridWrapper} key={index}>
                <TouchableOpacity
                    onPress={() => this.props.navigateNode(item)}>
                    {Directory.createIconGrid(item, {iconStyle: styles.gridIcon})}
                </TouchableOpacity>
            </View>
        )
    }
    _getData() {
        return this.props.currentNode.getChildNodes();
    }
 }
 class Static extends Component{
    render() {
        const content = this.props.content;
        var foldList = content.slice(0, 4);
        return foldList;
    }
 }
 export default MainList;
 const styles = StyleSheet.create({
    gridWrapper: {
        width: "20%",
        //height: "17.5%",
        marginTop: 10
    },
    gridIcon: {
        width: 36,
        height: 36,
        borderRadius: 8,
    },
    list: {
        flex: 1,
        flexDirection: "row",
        overflow: "hidden auto",
        //alignContent:"flex-start",
        flexWrap: "wrap",
        width: "100%",
        transform: "translateZ(0px)"
    }
 });