antd-mobile/es/pagination/style/index.js

基于 React 的移动设计规范实现

import variables from '../../style/themes/default';
import { StyleSheet } from 'react-native';
export default StyleSheet.create({
    container: {
        alignItems: 'center',
        justifyContent: 'center'
    },
    numberStyle: {
        flexDirection: 'row',
        justifyContent: 'center'
    },
    totalStyle: {
        fontSize: variables.font_size_display_sm,
        color: variables.color_text_base
    },
    activeTextStyle: {
        fontSize: variables.font_size_display_sm,
        color: variables.color_link
    },
    indicatorStyle: {
        flexDirection: 'row'
    },
    pointStyle: {
        width: 8,
        height: 8,
        borderRadius: 8,
        backgroundColor: variables.input_color_icon
    },
    pointActiveStyle: {
        backgroundColor: '#888'
    },
    spaceStyle: {
        marginHorizontal: variables.h_spacing_sm / 2,
        marginVertical: variables.v_spacing_sm / 2
    }
});