Add custom styles and custom props - Githubissues

caglardurmus / react-native-insta-story

Story component for React Native

MIT License

178 stars 85 forks source link

Add custom styles and custom props #35

Closed IB3N closed 1 year ago

IB3N commented 1 year ago

Reasons for changes

The ability to customise the styles of all components within this package will be useful for anyone adding their own brand styles or designs

To see difference without custom render functions like #34 check here -> https://github.com/IB3N/react-native-insta-story/pull/4

Summary of changes

Added many style props for things like avatar image and text, loaded and unloaded animation bar styles, various container styles, flat list props for the StoryCircleListView etc
other minor changes

Props added

[x] unPressedAvatarTextColor
[x] pressedAvatarTextColor
[x] loadedAnimationBarStyle
[x] unloadedAnimationBarStyle
[x] animationBarContainerStyle
[x] storyUserContainerStyle
[x] storyImageStyle
[x] storyAvatarImageStyle
[x] storyContainerStyle
[x] avatarImageStyle
[x] avatarWrapperStyle
[x] avatarFlatListProps

Other changes

[x] removed un-used import
[x] removed unnecessayr array from styles in `src/components'
[x] updated README.md with props
[x] renamed textStyle to avatarTextStyle ⚠️ BREAKING CHANGE
[x] added some JSDoc comments

IB3N commented 1 year ago

@caglardurmus - Let me know what you think, I have used all of these props for my own project and they are all working ok, but please do test.

Also let me know if you would prefer this not to be a breaking change ie. the rename of textStyle to avatarTextStyle