react-native-section-alphabet-list
Version:
A simple React Native component that takes an array of data and renders a SectionList with alphabetically sorted data.
33 lines (32 loc) • 1.03 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.styles = void 0;
const react_native_1 = require("react-native");
const sizes_1 = require("../../values/sizes");
const colors_1 = require("../../values/colors");
exports.styles = react_native_1.StyleSheet.create({
container: {
position: "relative",
},
listItemContainer: {
flex: 1,
height: sizes_1.sizes.itemHeight,
paddingHorizontal: sizes_1.sizes.spacing.regular,
justifyContent: "center",
borderTopColor: colors_1.colors.seperatorLine,
borderTopWidth: 1,
},
listItemLabel: {
color: colors_1.colors.text.dark,
fontSize: 14,
},
sectionHeaderContainer: {
height: sizes_1.sizes.headerHeight,
backgroundColor: colors_1.colors.background.dark,
justifyContent: "center",
paddingHorizontal: sizes_1.sizes.spacing.regular,
},
sectionHeaderLabel: {
color: colors_1.colors.background.light,
},
});