@react-native-ohos/native-base 3.4.29-rc.1

package/lib/typescript/utils/accessibilityTypes.d.ts

@@ -0,0 +1,8 @@
+import type { AccessibilityRole, AccessibilityState } from 'react-native';
+export declare type IAccessibilityProps = {
+    accessible?: boolean;
+    accessibilityRole?: AccessibilityRole;
+    accessibilityState?: AccessibilityState;
+    accessibilityLabel?: string;
+    accessibilityHint?: string;
+};

package/lib/typescript/utils/accessibilityUtils.d.ts

@@ -0,0 +1 @@
+export declare const ariaAttr: (condition: boolean | undefined) => true | undefined;

package/lib/typescript/utils/addTextAndPropsToStrings.d.ts

@@ -0,0 +1 @@
+export declare const addTextAndPropsToStrings: (children: any, props: any) => any;

package/lib/typescript/utils/canUseDom.d.ts

@@ -0,0 +1 @@
+export declare function canUseDom(): boolean;

package/lib/typescript/utils/combineContextAndProps.d.ts

@@ -0,0 +1 @@
+export declare const combineContextAndProps: (context: any, props: any) => any;

package/lib/typescript/utils/convertStringNumberToNumber.d.ts

@@ -0,0 +1 @@
+export declare const convertStringNumberToNumber: (key: string, value: string) => string | number;

package/lib/typescript/utils/createContext.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare function createContext<ContextValueType extends object>(rootComponentName: string): readonly [{
+    (props: ContextValueType & {
+        children: React.ReactNode;
+    }): JSX.Element;
+    displayName: string;
+}, (consumerName: string) => ContextValueType];
+export { createContext };

package/lib/typescript/utils/filterShadowProps.d.ts

@@ -0,0 +1 @@
+export declare const filterShadowProps: (props: any, ignoredProps: any, OS: string) => any;

package/lib/typescript/utils/getAbsoluteChildren.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+declare const getAbsoluteChildren: (children: JSX.Element[] | JSX.Element, reverse?: boolean | undefined) => React.DetailedReactHTMLElement<{
+    style: {
+        position: "absolute";
+    };
+    position?: undefined;
+} | {
+    position: string;
+    style?: undefined;
+}, HTMLElement>[][];
+export default getAbsoluteChildren;

package/lib/typescript/utils/getAttachedChildren.d.ts

@@ -0,0 +1,2 @@
+declare const getAttachedChildren: (children: any) => any;
+export default getAttachedChildren;

package/lib/typescript/utils/getIndexedChildren.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+declare const getIndexedChildren: (children: React.ReactNode, startingIndex?: number | undefined) => React.FunctionComponentElement<{
+    index: number;
+}>[] | null | undefined;
+export default getIndexedChildren;

package/lib/typescript/utils/getRNKeyAndStyleValue.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ */
+export declare const getRNKeyAndStyleValue: ({ config, value, key, theme, styledSystemProps, currentBreakpoint, }: any) => any;

package/lib/typescript/utils/getSpacedChildren.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import type { SpaceType as ThemeSpaceType } from '../components/types';
+declare type SpaceType = 'gutter' | '2xs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | ThemeSpaceType;
+declare const getSpacedChildren: (children: JSX.Element[] | JSX.Element, space: undefined | SpaceType, axis: 'X' | 'Y', reverse: string, divider: JSX.Element | undefined) => any;
+export default getSpacedChildren;

package/lib/typescript/utils/getStyledFromProps.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Common Logic Sharing between useSx and useStyledSytem
+ * @param styledSystemProps
+ * @param theme
+ * @param currentBreakpoint
+ * @returns styleFromProps, responsiveStyles
+ */
+export declare const getStyledFromProps: (styledSystemProps: any, theme: any, currentBreakpoint: any, propConfig: any) => {
+    styleFromProps: any;
+    responsiveStyles: Record<string | number | symbol, any[]> | null;
+};

package/lib/typescript/utils/getStyledSystemPropsAndRestProps.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Common Logic Sharing between useSx and useStyledSystemPropResolver
+ * @param props
+ * @returns { styledSystemProps, restProps }
+ */
+export declare const getStyledSystemPropsAndRestProps: (props: any) => {
+    styledSystemProps: any;
+    restProps: any;
+};

package/lib/typescript/utils/getUnit.d.ts

@@ -0,0 +1 @@
+export declare const getUnit: (str: string) => string;

package/lib/typescript/utils/index.d.ts

@@ -0,0 +1,16 @@
+import getSpacedChildren from './getSpacedChildren';
+import getAbsoluteChildren from './getAbsoluteChildren';
+import getAttachedChildren from './getAttachedChildren';
+import { addTextAndPropsToStrings } from './addTextAndPropsToStrings';
+import { canUseDom } from './canUseDom';
+import { mergeRefs, composeEventHandlers } from './mergeRefs';
+export { getSpacedChildren, getAbsoluteChildren, getAttachedChildren, addTextAndPropsToStrings, canUseDom, mergeRefs, composeEventHandlers, };
+export { wrapStringChild } from './wrapStringChild';
+export { combineContextAndProps } from './combineContextAndProps';
+export type { IAccessibilityProps } from './accessibilityTypes';
+export { ariaAttr } from './accessibilityUtils';
+export { createContext } from './createContext';
+export { useKeyboardBottomInset } from './useKeyboardBottomInset';
+export { isEmptyObj } from './isEmptyObj';
+export { resolveStackStyleInput } from './resolveStackStyleInput';
+export { getStyleElement } from './useResponsiveQuery/useResponsiveQuery';

package/lib/typescript/utils/isEmptyObj.d.ts

@@ -0,0 +1 @@
+export declare function isEmptyObj(obj: Object): boolean;

package/lib/typescript/utils/mergeRefs.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function mergeRefs<T = any>(refs: Array<React.MutableRefObject<T> | React.LegacyRef<T>>): React.RefCallback<T>;
+export declare function composeEventHandlers<E>(originalEventHandler?: null | ((event: E) => void), ourEventHandler?: (event: E) => void): (event: E) => void;

package/lib/typescript/utils/react-native-web-fucntions/atomic.d.ts

@@ -0,0 +1,20 @@
+declare type Value = Object | Array<any> | string | number;
+declare type Style = {
+    [key: string]: Value;
+};
+declare type Rule = string;
+declare type Rules = Array<Rule>;
+declare type RulesData = [Rules, number];
+declare type CompiledStyle = {
+    $$css: boolean;
+    $$css$localize?: boolean;
+    [key: string]: string | Array<string>;
+};
+declare type CompilerOutput = [CompiledStyle, Array<RulesData>];
+export declare function atomic(style: Style): CompilerOutput;
+/**
+ * Create a value string that normalizes different input values with a common
+ * output.
+ */
+export declare function stringifyValueWithProperty(value: Value, property?: string): string;
+export {};

package/lib/typescript/utils/react-native-web-fucntions/createReactDOMStyle.d.ts

@@ -0,0 +1,9 @@
+declare type Style = {
+    [key: string]: any;
+};
+export declare const createTransformValue: (style: Style) => string;
+/**
+ * Reducer
+ */
+declare const createReactDOMStyle: (style: Style, isInline?: boolean | undefined) => Style;
+export default createReactDOMStyle;

package/lib/typescript/utils/react-native-web-fucntions/hyphenateStyleName.d.ts

@@ -0,0 +1,2 @@
+declare function hyphenateStyleName(name: string): string;
+export default hyphenateStyleName;

package/lib/typescript/utils/react-native-web-fucntions/normalizeColor.d.ts

@@ -0,0 +1,2 @@
+declare const normalizeColor: (color?: string | number | undefined, opacity?: number) => void | string;
+export default normalizeColor;

package/lib/typescript/utils/react-native-web-fucntions/normalizeValueWithProperty.d.ts

@@ -0,0 +1 @@
+export default function normalizeValueWithProperty(value: any, property?: string): any;

package/lib/typescript/utils/react-native-web-fucntions/prefixStyles.d.ts

@@ -0,0 +1,3 @@
+declare type StyleModifier = (style: Object) => Object;
+declare const prefixAll: StyleModifier;
+export default prefixAll;

package/lib/typescript/utils/react-native-web-fucntions/preprocess.d.ts

@@ -0,0 +1,7 @@
+export declare const createBoxShadowValue: (style: any) => void | string;
+export declare const createTextShadowValue: (style: any) => void | string;
+/**
+ * Preprocess styles
+ */
+export declare const preprocess: (originalStyle: any) => any;
+export default preprocess;

package/lib/typescript/utils/react-native-web-fucntions/staticData.d.ts

@@ -0,0 +1,58 @@
+declare const _default: {
+    plugins: any[];
+    prefixMap: {
+        appearance: string[];
+        userSelect: string[];
+        textEmphasisPosition: string[];
+        textEmphasis: string[];
+        textEmphasisStyle: string[];
+        textEmphasisColor: string[];
+        boxDecorationBreak: string[];
+        clipPath: string[];
+        maskImage: string[];
+        maskMode: string[];
+        maskRepeat: string[];
+        maskPosition: string[];
+        maskClip: string[];
+        maskOrigin: string[];
+        maskSize: string[];
+        maskComposite: string[];
+        mask: string[];
+        maskBorderSource: string[];
+        maskBorderMode: string[];
+        maskBorderSlice: string[];
+        maskBorderWidth: string[];
+        maskBorderOutset: string[];
+        maskBorderRepeat: string[];
+        maskBorder: string[];
+        maskType: string[];
+        textDecorationStyle: string[];
+        textDecorationSkip: string[];
+        textDecorationLine: string[];
+        textDecorationColor: string[];
+        filter: string[];
+        breakAfter: string[];
+        breakBefore: string[];
+        breakInside: string[];
+        columnCount: string[];
+        columnFill: string[];
+        columnGap: string[];
+        columnRule: string[];
+        columnRuleColor: string[];
+        columnRuleStyle: string[];
+        columnRuleWidth: string[];
+        columns: string[];
+        columnSpan: string[];
+        columnWidth: string[];
+        backdropFilter: string[];
+        hyphens: string[];
+        flowInto: string[];
+        flowFrom: string[];
+        regionFragment: string[];
+        textOrientation: string[];
+        tabSize: string[];
+        fontKerning: string[];
+        textSizeAdjust: string[];
+    };
+};
+export default _default;

package/lib/typescript/utils/react-native-web-fucntions/unitlessNumbers.d.ts

@@ -0,0 +1,2 @@
+declare const unitlessNumbers: any;
+export default unitlessNumbers;

package/lib/typescript/utils/resolveStackStyleInput.d.ts

@@ -0,0 +1,7 @@
+export declare const resolveStackStyleInput: (variant: any, color: any) => {
+    outlineWidth: string;
+    boxShadow: string;
+} | {
+    outlineWidth: number;
+    boxShadow?: undefined;
+};

package/lib/typescript/utils/styled.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const makeStyledComponent: (Comp: any) => React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;

package/lib/typescript/utils/test-utils.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Wrapper: ({ children }: any) => JSX.Element;

package/lib/typescript/utils/tests/filterShadow.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/typescript/utils/useKeyboardBottomInset.d.ts

@@ -0,0 +1 @@
+export declare const useKeyboardBottomInset: () => number;

package/lib/typescript/utils/useResponsiveQuery/ResponsiveQueryProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+declare type ResponsiveQueryContextType = {
+    disableCSSMediaQueries?: boolean;
+};
+export declare const ResponsiveQueryContext: React.Context<ResponsiveQueryContextType>;
+export declare const ResponsiveQueryProvider: (props: ResponsiveQueryContextType & {
+    children: React.ReactNode;
+}) => JSX.Element;
+export {};

package/lib/typescript/utils/useResponsiveQuery/common.d.ts

@@ -0,0 +1,6 @@
+import type { GetResponsiveStylesParams, GetResponsiveStylesReturnType } from './types';
+import { ScaledSize } from 'react-native';
+export declare const getResponsiveStylesImpl: (width: number) => (queries: GetResponsiveStylesParams) => GetResponsiveStylesReturnType;
+export declare const useDimensionsWithEnable: ({ enable }: {
+    enable?: boolean | undefined;
+}) => ScaledSize;

package/lib/typescript/utils/useResponsiveQuery/hash.d.ts

@@ -0,0 +1,2 @@
+declare const hash: (str: string) => string;
+export default hash;

package/lib/typescript/utils/useResponsiveQuery/index.d.ts

@@ -0,0 +1,3 @@
+export { useResponsiveQuery } from './useResponsiveQuery';
+export { ResponsiveQueryProvider } from './ResponsiveQueryProvider';
+export * from './types';

package/lib/typescript/utils/useResponsiveQuery/types.d.ts

@@ -0,0 +1,24 @@
+import type { StyleSheet } from 'react-native';
+declare type StyleSheetStyle = Parameters<typeof StyleSheet.create>[0]['initial'];
+export declare type Query = {
+    minWidth?: number;
+    maxWidth?: number;
+    style?: StyleSheetStyle | StyleSheetStyle[];
+};
+export declare type UseResponsiveQueryParams = {
+    initial?: StyleSheetStyle | StyleSheetStyle[];
+    query?: Query[];
+    disableCSSMediaQueries?: boolean;
+};
+export declare type DataSet = {
+    [key: string]: string;
+};
+export declare type GetResponsiveStylesParams = Omit<UseResponsiveQueryParams, 'disableCSSMediaQueries'>;
+export declare type GetResponsiveStylesReturnType = {
+    styles?: StyleSheetStyle[];
+    dataSet?: DataSet;
+};
+export declare type UseResponsiveQueryReturnType = GetResponsiveStylesReturnType & {
+    getResponsiveStyles: (params: GetResponsiveStylesParams) => GetResponsiveStylesReturnType;
+};
+export {};

package/lib/typescript/utils/useResponsiveQuery/useResponsiveQuery.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { UseResponsiveQueryParams, UseResponsiveQueryReturnType } from './types';
+export declare const useResponsiveQuery: (queries?: UseResponsiveQueryParams | undefined) => UseResponsiveQueryReturnType;
+/**
+ * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
+ */
+export declare const getStyleElement: () => JSX.Element;

package/lib/typescript/utils/useResponsiveQuery/useResponsiveQuery.web.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import type { UseResponsiveQueryParams, UseResponsiveQueryReturnType } from './types';
+export declare const useResponsiveQuery: (queries?: UseResponsiveQueryParams | undefined) => UseResponsiveQueryReturnType;
+/**
+ * This function is copied from intergalacticspacehighway/rnw-responsive-ssr
+ */
+export declare const getStyleElement: () => JSX.Element;

package/lib/typescript/utils/useResponsiveQuery/useStableMemo.d.ts

@@ -0,0 +1 @@
+export declare function useStableMemo<T>(factory: () => T, deps: any[]): T;

package/lib/typescript/utils/wrapStringChild.d.ts

@@ -0,0 +1 @@
+export declare const wrapStringChild: (children: any, textProps: any) => any;

package/package.json

@@ -0,0 +1,239 @@
+{
+  "name": "@react-native-ohos/native-base",
+  "description": "Essential cross-platform UI components for React Native",
+  "sideEffects": false,
+  "keywords": [
+    "harmony",
+    "react",
+    "native",
+    "react-native",
+    "native-modules",
+    "react-component",
+    "navbar",
+    "packager"
+  ],
+  "scripts": {
+    "test": "node_modules/.bin/jest",
+    "typescript": "tsc --noEmit",
+    "prepare": "bob build",
+    "release": "release-it",
+    "example": "yarn --cwd example",
+    "pods": "cd example && pod-install --quiet",
+    "bootstrap": "yarn example && yarn && yarn pods",
+    "build:web": "rollup --config",
+    "bundle:analysis": "visualize-bundle",
+    "commit-test": "yarn prepare && cd example && yarn test && cd .."
+  },
+  "lint-staged": {
+    "src/**/*.{js,ts,tsx}": [
+      "eslint"
+    ],
+    "example/**/*.{js,ts,tsx}": [
+      "eslint"
+    ],
+    "*.{json,md,html}": [
+      "prettier --write"
+    ]
+  },
+  "version": "3.4.29-rc.1",
+  "license": "MIT",
+  "private": false,
+  "main": "lib/commonjs/index",
+  "module": "lib/module/index",
+  "types": "lib/typescript/src/index.d.ts",
+  "react-native": "src/index",
+  "source": "src/index",
+  "typings": "lib/typescript/index.d.ts",
+  "devDependencies": {
+    "@commitlint/config-conventional": "^8.3.4",
+    "@react-native-community/bob": "^0.16.2",
+    "@react-native-community/eslint-config": "^2.0.0",
+    "@release-it/conventional-changelog": "^1.1.4",
+    "@testing-library/react-hooks": "^5.0.3",
+    "@testing-library/react-native": "^7.1.0",
+    "@types/jest": "^26.0.0",
+    "@types/lodash.clonedeep": "^4.5.6",
+    "@types/lodash.get": "^4.4.6",
+    "@types/lodash.has": "^4.5.6",
+    "@types/lodash.isempty": "^4.4.6",
+    "@types/lodash.isequal": "^4.5.5",
+    "@types/lodash.isnil": "^4.0.6",
+    "@types/lodash.merge": "^4.6.6",
+    "@types/lodash.mergewith": "^4.6.6",
+    "@types/lodash.omit": "^4.5.6",
+    "@types/lodash.omitby": "^4.6.6",
+    "@types/lodash.pick": "^4.4.6",
+    "@types/lodash.uniqueid": "^4.0.7",
+    "@types/react": "^16.9.19",
+    "@types/react-native": "~0.63.2",
+    "@types/tinycolor2": "^1.4.2",
+    "@types/use-sync-external-store": "^0.0.3",
+    "babel-plugin-transform-remove-console": "^6.9.4",
+    "commitlint": "^8.3.5",
+    "eslint": "^7.10.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-prettier": "^3.1.3",
+    "husky": "^4.2.5",
+    "jest": "^26.0.1",
+    "jest-expo": "^40.0.1",
+    "lint-staged": "^11.1.1",
+    "metro-react-native-babel-preset": "^0.64.0",
+    "pod-install": "^0.1.0",
+    "postinstall-postinstall": "^2.1.0",
+    "prettier": "^2.0.5",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-native": "0.63.2",
+    "react-native-safe-area-context": "^3.1.9",
+    "react-native-svg": "^12.1.0",
+    "react-native-web": "^0.17.7",
+    "react-test-renderer": "^16.9.0",
+    "release-it": "^13.5.8",
+    "rollup": "^2.34.1",
+    "rollup-plugin-flow": "^1.1.1",
+    "typescript": "4.6",
+    "visualize-bundle": "^1.4.0"
+  },
+  "peerDependencies": {
+    "@types/react": "*",
+    "@types/react-native": "*",
+    "react": "*",
+    "react-dom": "*",
+    "react-native": "*",
+    "react-native-safe-area-context": "*",
+    "react-native-svg": "*"
+  },
+  "jest": {
+    "preset": "jest-expo",
+    "transform": {
+      "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
+    },
+    "modulePathIgnorePatterns": [
+      "<rootDir>/example/*",
+      "<rootDir>/lib/"
+    ],
+    "transformIgnorePatterns": [
+      "node_modules/(?!(@react-native|react-native|expo-asset|expo-constants|@unimodules|react-native-unimodules|expo-font|react-native-svg|@expo/vector-icons|react-native-vector-icons|@react-native-aria/checkbox|@react-native-aria/interactions|@react-native-aria/button|@react-native-aria/switch|@react-native-aria/toggle|@react-native-aria/utils|@react-native-aria/*))"
+    ],
+    "setupFiles": [
+      "<rootDir>/src/jest/mock.ts"
+    ]
+  },
+  "husky": {
+    "hooks": {
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
+      "pre-commit": "yarn lint-staged"
+    }
+  },
+  "commitlint": {
+    "extends": [
+      "@commitlint/config-conventional"
+    ]
+  },
+  "release-it": {
+    "git": {
+      "commitMessage": "chore: release ${version}",
+      "tagName": "v${version}"
+    },
+    "npm": {
+      "publish": true
+    },
+    "github": {
+      "release": true
+    },
+    "plugins": {
+      "@release-it/conventional-changelog": {
+        "preset": "angular"
+      }
+    }
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/",
+    "cli.js",
+    "example/webpack.config.js",
+    "example/babel.config.js",
+    "example/metro.config.js"
+  ],
+  "prettier": {
+    "quoteProps": "consistent",
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "es5",
+    "useTabs": false
+  },
+  "@react-native-community/bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "commonjs"
+      ],
+      [
+        "module"
+      ],
+      "typescript"
+    ]
+  },
+  "dependencies": {
+    "@react-aria/visually-hidden": "^3.2.1",
+    "@react-native-aria/button": "^0.2.4",
+    "@react-native-aria/checkbox": "^0.2.3",
+    "@react-native-aria/combobox": "^0.2.4-alpha.0",
+    "@react-native-aria/focus": "^0.2.6",
+    "@react-native-aria/interactions": "^0.2.2",
+    "@react-native-aria/listbox": "^0.2.4-alpha.3",
+    "@react-native-aria/overlays": "^0.3.3",
+    "@react-native-aria/radio": "^0.2.4",
+    "@react-native-aria/slider": "^0.2.5-alpha.1",
+    "@react-native-aria/tabs": "^0.2.7",
+    "@react-native-aria/utils": "^0.2.8",
+    "@react-stately/checkbox": "3.0.3",
+    "@react-stately/collections": "3.3.0",
+    "@react-stately/combobox": "3.0.0-alpha.1",
+    "@react-stately/radio": "3.2.1",
+    "@react-stately/slider": "3.0.1",
+    "@react-stately/tabs": "3.0.0-alpha.1",
+    "@react-stately/toggle": "3.2.1",
+    "inline-style-prefixer": "^6.0.1",
+    "lodash.clonedeep": "^4.5.0",
+    "lodash.get": "^4.4.2",
+    "lodash.has": "^4.5.2",
+    "lodash.isempty": "^4.4.0",
+    "lodash.isequal": "^4.5.0",
+    "lodash.isnil": "^4.0.0",
+    "lodash.merge": "^4.6.2",
+    "lodash.mergewith": "^4.6.2",
+    "lodash.omit": "^4.5.0",
+    "lodash.omitby": "^4.6.0",
+    "lodash.pick": "^4.4.0",
+    "lodash.uniqueid": "^4.0.1",
+    "stable-hash": "^0.0.2",
+    "tinycolor2": "^1.4.2",
+    "use-sync-external-store": "^1.2.0",
+    "native-base": "^3.4.28"
+  },
+  "directories": {
+    "example": "example",
+    "lib": "lib"
+  },
+  "gitHead": "5bbeacc403ba97622703699132c55d8359344004",
+  "homepage": "https://gitcode.com/openharmony-sig/rntpc_nativebase#readme",
+  "readmeFilename": "README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://gitcode.com/openharmony-sig/rntpc_nativebase"
+  },
+  "collective": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/NativeBase"
+  },
+  "files": [
+    "src",
+    "lib",
+    "cli.js"
+  ],
+  "harmony": {
+    "alias": "native-base"
+  }
+}

package/src/components/basic/FlatList/FlatList.tsx

@@ -0,0 +1,43 @@
+import React, { forwardRef } from 'react';
+import { FlatList as RNFlatList } from 'react-native';
+import {
+  usePropsResolution,
+  useStyledSystemPropsResolver,
+} from '../../../hooks';
+import { makeStyledComponent } from '../../../utils/styled';
+import type { IFlatListProps } from './types';
+import { useHasResponsiveProps } from '../../../hooks/useHasResponsiveProps';
+
+const StyledFlatList: any = makeStyledComponent(RNFlatList);
+
+const FlatListComponent = <ItemT extends any>(
+  props: IFlatListProps<ItemT>,
+  ref: any
+) => {
+  const {
+    _contentContainerStyle,
+    contentContainerStyle,
+    ...resolvedProps
+  } = usePropsResolution('FlatList', props);
+  const resolved_ContentContainerStyle = useStyledSystemPropsResolver(
+    _contentContainerStyle || {}
+  );
+  //TODO: refactor for responsive prop
+  if (useHasResponsiveProps(props)) {
+    return null;
+  }
+  return (
+    <StyledFlatList
+      {...resolvedProps}
+      contentContainerStyle={
+        contentContainerStyle || resolved_ContentContainerStyle
+      }
+      ref={ref}
+    />
+  );
+};
+
+export const FlatList = forwardRef(FlatListComponent) as <ItemT>(
+  props: IFlatListProps<ItemT>,
+  ref: any
+) => any;

package/src/components/basic/FlatList/index.tsx

@@ -0,0 +1,2 @@
+export { FlatList } from './FlatList';
+export type { IFlatListProps } from './types';