diff --git a/docs/PROPS.md b/docs/PROPS.md index 57a1f555..56b0ba6d 100644 --- a/docs/PROPS.md +++ b/docs/PROPS.md @@ -68,7 +68,7 @@ Multiple objects way to style the different part of Modalize. ### `modalStyle` -Define the style of the modal. +Define the style of the modal (includes handle/header/children/footer). | Type | Required | | -------- | -------- | @@ -92,6 +92,14 @@ Define the style of the overlay. | -------- | -------- | | style | No | +### `childrenStyle` + +Define the style of the children renderer (only the inside part). + +| Type | Required | +| -------- | -------- | +| style | No | + ### `modalElevation` A number to define the elevation of the modal on Android. Useful if you have other elements of your app using other values of elevation. diff --git a/examples/expo/src/components/modals/SectionList.js b/examples/expo/src/components/modals/SectionList.js index fe835c6b..118565b7 100644 --- a/examples/expo/src/components/modals/SectionList.js +++ b/examples/expo/src/components/modals/SectionList.js @@ -55,6 +55,7 @@ export const SectionList = forwardRef((_, ref) => { return ( { { return ( - + { sectionListProps?: Animated.AnimatedProps>; /** - * Define the style of the modal. + * Define the style of the modal (includes handle/header/children/footer). */ modalStyle?: TStyle; @@ -77,6 +77,11 @@ export interface IProps { */ overlayStyle?: TStyle; + /** + * Define the style of the children renderer (only the inside part). + */ + childrenStyle?: TStyle; + /** * A number to define the elevation of the modal on Android. Useful if you have other elements of your app using other values of elevation (Android specific). */