react-native-alphabetlistview icon indicating copy to clipboard operation
react-native-alphabetlistview copied to clipboard

为何我定位的字母是显示在屏幕中间,而不是页面顶部?

Open lhhhhhhhhh opened this issue 7 years ago • 2 comments

import React, { Component } from 'react'; import { View, Text, StyleSheet, TouchableOpacity, Animated, TouchableHighlight, ScrollView, DeviceEventEmitter } from 'react-native'; import AlphabetListView from 'react-native-alphabetlistview';

export default class TestMailListScreen extends Component<{}> { constructor(props) { super(props); this.state = { data: { A: ['some','entries','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here'], B: ['some','entries','are here'], C: ['some','entries','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here','are here'], D: ['some','entries','are here'], E: ['some','entries','are here'], F: ['some','entries','are here'], G: ['some','entries','are here'], H: ['some','entries','are here'], I: ['some','entries','are here'], J: ['some','entries','are here'], K: ['some','entries','are here'], L: ['some','entries','are here'], M: ['some','entries','are here'], N: ['some','entries','are here'], O: ['some','entries','are here'], P: ['some','entries','are here'], Q: ['some','entries','are here'], R: ['some','entries','are here'], S: ['some','entries','are here'], T: ['some','entries','are here'], U: ['some','entries','are here'], V: ['some','entries','are here'], W: ['some','entries','are here'], X: ['some','entries','are here'], Y: ['some','entries','are here'], Z: ['some','entries','are here'], } }; }

render(){
    return(
        <AlphabetListView
            data={this.state.data}
            cell={this.Cell.bind(this)}
            cellHeight={30}
            sectionListItem={this.SectionItem.bind(this)}
            sectionHeader={this.SectionHeader.bind(this)}
            sectionHeaderHeight={22.5}
            updateScrollState={true}
        />
    )
}
Cell(data){
    return (
        <View style={{height:30}}>
          <Text>{data.item}</Text>
        </View>
    );
}
SectionItem(data){
    return (
        <View>
            <Text style={{color:'#f00'}}>{data.title}</Text>
        </View>
    );
}
SectionHeader(data){
    return (
        <View style={{backgroundColor: '#ccc'}}>
          <Text style={styles.textStyle}>{data.title}</Text>
        </View>
    );
}

} const styles = StyleSheet.create({ textStyle: { textAlign:'center', color:'#fff', fontWeight:'700', fontSize:16 }, }); 页面初始化 内容所有字母没有一次性加载出来,而是页面滑倒底部才慢慢加载,这样导致数据没加全,点击右侧字母定位不准确。请问如何处理?

lhhhhhhhhh avatar Jan 15 '18 07:01 lhhhhhhhhh

您好,我刚发现的新问题,我点击的是G 但是源码中scrollToSection(section)输出的section是E,请问如何解决这个问题?

lhhhhhhhhh avatar Jan 16 '18 02:01 lhhhhhhhhh

@lhhhhhhhhh 作者表示已经不维护这个库了. (另:你写中文作者哪看的懂啊?)

hejiaji avatar Feb 28 '18 07:02 hejiaji