-
Notifications
You must be signed in to change notification settings - Fork 734
Feat/skeleton view full width #1950
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
…/SkeletonView_full_width # Conflicts: # src/components/skeletonView/index.tsx
…/SkeletonView_full_width
*/ | ||
width?: number; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think this is from the previous PR.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'll regenerate types. Thanks
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can't seem to regenerate the file...
@@ -324,7 +330,7 @@ class SkeletonView extends Component<InternalSkeletonViewProps, SkeletonState> { | |||
}; | |||
|
|||
renderListItemTemplate = () => { | |||
const {style, ...others} = this.props; | |||
const {style, width, ...others} = this.props; // eslint-disable-line |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this still needed?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No. Removing
if (circle || circleOverride) { | ||
borderRadius = BorderRadiuses.br100; | ||
size = Math.max(width, height); | ||
} | ||
size = Math.max(width || 0, height); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Nice fix!
borderRadius={5} | ||
showContent={isDataAvailable} | ||
renderContent={() => <Text>Lorem Ipsum is simply dummy text of the industry.</Text>} | ||
colors={[Colors.red70, Colors.red50, Colors.red70]} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Not sure if you left this on purpose, I don't like it too much.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I did. To remove it?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think so, but it might be a matter of taste, so it's up to you
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Let's leave it since it a "custom" example
Description
Skeleton - full width - expose 'shimmerStyle' prop.
Changelog
Skeleton - full width - expose 'shimmerStyle' prop.