Back to packageRELEASE DETAILS

0.0.30

npm

@0610studio/rn-layout

https://github.com/0610studio/rn-layout/assets/39161206/722a938f-6298-4149-91bf-2996aeffea4a

Published6 Jun 2024

Direct dependencies21

Transitive dependenciesNot calculated

README

Current package documentation

https://github.com/0610studio/rn-layout/assets/39161206/722a938f-6298-4149-91bf-2996aeffea4a

설치

"react-native-gesture-handler": "^2.16.0",
"react-native-reanimated": "^3.8.1",
"react-native-safe-area-context": "^4.9.0"

npm i @0610studio/rn-layout

사용법

App.tsx

<SafeAreaProvider>
    <ThemeProvider
        themeFonts={{
            100: 'Pretendard-Thin',
            200: 'Pretendard-ExtraLight',
            300: 'Pretendard-Light',
            400: 'Pretendard-Regular',
            500: 'Pretendard-Medium',
            600: 'Pretendard-SemiBold',
            700: 'Pretendard-Bold',
            800: 'Pretendard-ExtraBold',
            900: 'Pretendard-Black',
        }}>
        ...
    </ThemeProvider>
</SafeAreaProvider>

target component.tsx

const { palette, typography } = useTheme();

<ZSContainer
    edges={['bottom']}
    bottomComponent={
        <BottomButton
            buttonStyle={{ paddingVertical: 16, backgroundColor: buttonDisabled ? '#ff0000' : '#0000ff' }}
            disabled={buttonDisabled}
            isLoading={false}
            loadingComponent={
                <ActivityIndicator /> // default
            }
            labelComponent={
                <Text>등록</Text>
            }
            onPress={() => {
                console.log('등록');
            }}
        />
    }
>

    <Text
        style={[{ marginBottom: 15, marginTop: 30, color: palette.primary.main }, typography.display.large]}
    >
        {'회원 가입'}
    </Text>

    <TextField
        label='휴대폰 번호'
        value={phoneNumber}
        keyboardType="number-pad"
        status='error'
        errorMessage="번호가 일치하지 않아요."
        onChangeText={text => {
            console.log('체인지 : ', text);
        }}
    />
</ZSContainer>

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 24

Native requirements

21 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
husky Environment { "local_name": "husky", "alias": false, "peer_metadata": null }	`4.2.3`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`18.2.0`	development
eslint Environment { "local_name": "eslint", "alias": false, "peer_metadata": null }	`6.8.0`	development
prettier Environment { "local_name": "prettier", "alias": false, "peer_metadata": null }	`2.0.2`	development
typescript Environment { "local_name": "typescript", "alias": false, "peer_metadata": null }	`5.0.4`	development
lint-staged Environment { "local_name": "lint-staged", "alias": false, "peer_metadata": null }	`10.0.9`	development
@types/react Environment { "local_name": "@types/react", "alias": false, "peer_metadata": null }	`*`	development
react-native Environment { "local_name": "react-native", "alias": false, "peer_metadata": null }	`0.73.8`	development
@types/react-native Environment { "local_name": "@types/react-native", "alias": false, "peer_metadata": null }	`*`	development
eslint-plugin-react Environment { "local_name": "eslint-plugin-react", "alias": false, "peer_metadata": null }	`7.19.0`	development
eslint-plugin-prettier Environment { "local_name": "eslint-plugin-prettier", "alias": false, "peer_metadata": null }	`3.1.2`	development
react-native-reanimated Environment { "local_name": "react-native-reanimated", "alias": false, "peer_metadata": null }	`^3.8.1`	development
@typescript-eslint/parser Environment { "local_name": "@typescript-eslint/parser", "alias": false, "peer_metadata": null }	`*`	development
eslint-plugin-react-hooks Environment { "local_name": "eslint-plugin-react-hooks", "alias": false, "peer_metadata": null }	`2.5.1`	development
@react-native/babel-preset Environment { "local_name": "@react-native/babel-preset", "alias": false, "peer_metadata": null }	`*`	development
@react-native/metro-config Environment { "local_name": "@react-native/metro-config", "alias": false, "peer_metadata": null }	`*`	development
babel-plugin-module-resolver Environment { "local_name": "babel-plugin-module-resolver", "alias": false, "peer_metadata": null }	`5.0.0`	development
react-native-gesture-handler Environment { "local_name": "react-native-gesture-handler", "alias": false, "peer_metadata": null }	`^2.16.0`	development
react-native-safe-area-context Environment { "local_name": "react-native-safe-area-context", "alias": false, "peer_metadata": null }	`^4.9.0`	development
@react-native/typescript-config Environment { "local_name": "@react-native/typescript-config", "alias": false, "peer_metadata": null }	`*`	development
@typescript-eslint/eslint-plugin Environment { "local_name": "@typescript-eslint/eslint-plugin", "alias": false, "peer_metadata": null }	`*`	development
react Environment { "local_name": "react", "alias": false, "peer_metadata": null }	`>=18.0.0`	peer
react-native Environment { "local_name": "react-native", "alias": false, "peer_metadata": null }	`>=0.70.0`	peer
react-native-reanimated Environment { "local_name": "react-native-reanimated", "alias": false, "peer_metadata": null }	`>=3.8.1`	peer

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "shasum": "1eadd5fa06cde205c2ef6ef6f023fdebc8b72507",
  "tarball": "https://registry.npmjs.org/@0610studio/rn-layout/-/rn-layout-0.0.30.tgz",
  "fileCount": 112,
  "integrity": "sha512-e/X7ZVSvk5Ir6iQxpDb5N/jjB2sv4ez2Bg2dERBagybLYQRKOsxT2oy2/q70/ejk0sTn3HSYJoWhGXNdq5X1ZQ==",
  "signatures": [
    {
      "sig": "MEUCIAtXGLl6lJr7nNY2Q74mwfMuPE7fP5NBavRS1LAsWdRBAiEA3f/4DivFhBf6cPbcVL5Bbl50hsh0Gd9wlTMF9OPKuy8=",
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"
    }
  ],
  "unpackedSize": 156596
}

Repository

PENDING

0610studio/rn-layout

Shared repository data · GitHub

License detected in repository: Not collected

Metadata history

Meaningful changes

Current collected state Current

Observed since 20 Oct, 22:01 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:ff76574aa6facf5ae2d7004ee12e52dd1275b38b2eae932c61de487464a6741b

Other collected versions

0.0.6021 Oct 0.0.5920 Oct 0.0.5822 Sept 0.0.5722 Sept 0.0.5622 Sept 0.0.5522 Sept View all collected versions →