Skip to content

Commit

Permalink
feat: improve animation for collapsible artwork details
Browse files Browse the repository at this point in the history
This does 2 things:
- Wrapping Text inside of a Flex as LayoutAnimation doesn't work for
Text [1].
- Setting background color for sibling component so the collapsed
content is properly masked.

[1] facebook/react-native#6502
  • Loading branch information
starsirius committed Oct 8, 2020
1 parent cf6b360 commit 62074d7
Showing 1 changed file with 6 additions and 4 deletions.
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
import { InquiryModal_artwork } from "__generated__/InquiryModal_artwork.graphql"
import { FancyModal } from "lib/Components/FancyModal/FancyModal"
import { FancyModalHeader } from "lib/Components/FancyModal/FancyModalHeader"
import { Text } from "palette"
import { Flex, Text } from "palette"
import React from "react"
import NavigatorIOS from "react-native-navigator-ios"
import { createFragmentContainer, graphql } from "react-relay"
Expand All @@ -25,9 +25,11 @@ export const InquiryModal: React.FC<InquiryModalProps> = ({ artwork, ...props })
Contact Gallery
</FancyModalHeader>
<CollapsibleArtworkDetailsFragmentContainer artwork={artwork} />
<Text m={2} variant="title">
More here
</Text>
<Flex bg="white100" flex={1}>
<Text m={2} variant="title">
More here
</Text>
</Flex>
</FancyModal>
)
}
Expand Down

0 comments on commit 62074d7

Please sign in to comment.