solana-app-kit

---

solana-app-kit / screens/SampleUI/Threads/ProfileScreen/ProfileScreen.styles / styles

​

Variable: styles

const styles: object

Defined in: src/screens/SampleUI/Threads/ProfileScreen/ProfileScreen.styles.ts:5

​

Type declaration

​

actionButtonsRow

actionButtonsRow: object

​

actionButtonsRow.alignItems

alignItems: "center" = 'center'

​

actionButtonsRow.flexDirection

flexDirection: "row" = 'row'

​

actionButtonsRow.justifyContent

justifyContent: "flex-end" = 'flex-end'

​

actionButtonsRow.marginTop

marginTop: number = 12

​

bannerContainer

bannerContainer: object

​

bannerContainer.backgroundColor

backgroundColor: string = COLORS.greyLight

​

bannerContainer.height

height: number = 120

​

bannerContainer.width

width: "100%" = '100%'

​

bannerImage

bannerImage: object

​

bannerImage.height

height: "100%" = '100%'

​

bannerImage.resizeMode

resizeMode: "cover" = 'cover'

​

bannerImage.width

width: "100%" = '100%'

​

container

container: object

​

container.backgroundColor

backgroundColor: string = COLORS.white

​

container.flex

flex: number = 1

​

editProfileBtn

editProfileBtn: object

​

editProfileBtn.borderColor

borderColor: string = COLORS.greyBorderdark

​

editProfileBtn.borderRadius

borderRadius: number = 20

​

editProfileBtn.borderWidth

borderWidth: number = 1

​

editProfileBtn.marginLeft

marginLeft: number = 8

​

editProfileBtn.paddingHorizontal

paddingHorizontal: number = 16

​

editProfileBtn.paddingVertical

paddingVertical: number = 6

​

editProfileBtnText

editProfileBtnText: object

​

editProfileBtnText.color

color: string = COLORS.black

​

editProfileBtnText.fontSize

fontSize: number = 14

​

editProfileBtnText.fontWeight

fontWeight: "600" = '600'

​

flatListContent

flatListContent: object

​

flatListContent.paddingBottom

paddingBottom: number = 32

​

flatListContent.paddingHorizontal

paddingHorizontal: number = 16

​

noPostContainer

noPostContainer: object

​

noPostContainer.alignItems

alignItems: "center" = 'center'

​

noPostContainer.marginTop

marginTop: number = 40

​

noPostText

noPostText: object

​

noPostText.color

color: string = '#999'

​

noPostText.fontSize

fontSize: number = 14

​

postHandle

postHandle: object

​

postHandle.color

color: string = COLORS.greyDark

​

postHandle.fontSize

fontSize: number = 13

​

postHeaderRow

postHeaderRow: object

​

postHeaderRow.alignItems

alignItems: "baseline" = 'baseline'

​

postHeaderRow.flexDirection

flexDirection: "row" = 'row'

​

postHeaderRow.gap

gap: number = 8

​

postItemAvatar

postItemAvatar: object

​

postItemAvatar.borderRadius

borderRadius: number = 20

​

postItemAvatar.height

height: number = 40

​

postItemAvatar.marginRight

marginRight: number = 12

​

postItemAvatar.width

width: number = 40

​

postItemContainer

postItemContainer: object

​

postItemContainer.borderBottomColor

borderBottomColor: string = COLORS.greyBorder

​

postItemContainer.borderBottomWidth

borderBottomWidth: number = 0.5

​

postItemContainer.flexDirection

flexDirection: "row" = 'row'

​

postItemContainer.paddingVertical

paddingVertical: number = 12

​

postItemContent

postItemContent: object

​

postItemContent.flex

flex: number = 1

​

postText

postText: object

​

postText.color

color: string = COLORS.black

​

postText.fontSize

fontSize: number = 14

​

postText.marginTop

marginTop: number = 2

​

postUsername

postUsername: object

​

postUsername.color

color: string = COLORS.black

​

postUsername.fontSize

fontSize: number = 14

​

postUsername.fontWeight

fontWeight: "600" = '600'

​

profileAvatar

profileAvatar: object

​

profileAvatar.borderRadius

borderRadius: number = 40

​

profileAvatar.height

height: number = 80

​

profileAvatar.width

width: number = 80

​

profileAvatarWrapper

profileAvatarWrapper: object

​

profileAvatarWrapper.borderColor

borderColor: string = COLORS.white

​

profileAvatarWrapper.borderRadius

borderRadius: number = 40

​

profileAvatarWrapper.borderWidth

borderWidth: number = 3

​

profileAvatarWrapper.height

height: number = 80

​

profileAvatarWrapper.marginTop

marginTop: number = -36

​

profileAvatarWrapper.overflow

overflow: "hidden" = 'hidden'

​

profileAvatarWrapper.width

width: number = 80

​

profileBio

profileBio: object

​

profileBio.color

color: string = '#333'

​

profileBio.fontSize

fontSize: number = 14

​

profileBio.lineHeight

lineHeight: number = 18

​

profileBio.marginTop

marginTop: number = 8

​

profileHandle

profileHandle: object

​

profileHandle.color

color: string = COLORS.greyDark

​

profileHandle.fontSize

fontSize: number = 14

​

profileHandle.marginRight

marginRight: number = 4

​

profileHeaderContainer

profileHeaderContainer: object

​

profileHeaderContainer.backgroundColor

backgroundColor: string = COLORS.white

​

profileHeaderContainer.paddingHorizontal

paddingHorizontal: number = 16

​

profileTextInfo

profileTextInfo: object

​

profileTextInfo.marginTop

marginTop: number = 12

​

profileUsername

profileUsername: object

​

profileUsername.color

color: string = COLORS.black

​

profileUsername.fontSize

fontSize: number = 18

​

profileUsername.fontWeight

fontWeight: "700" = '700'

​

replyNote

replyNote: object

​

replyNote.color

color: string = COLORS.greyMid

​

replyNote.fontSize

fontSize: number = 12

​

statItem

statItem: object

​

statItem.alignItems

alignItems: "center" = 'center'

​

statItem.flexDirection

flexDirection: "row" = 'row'

​

statItem.marginRight

marginRight: number = 16

​

statLabel

statLabel: object

​

statLabel.color

color: string = COLORS.greyDark

​

statLabel.fontSize

fontSize: number = 14

​

statNumber

statNumber: object

​

statNumber.fontSize

fontSize: number = 14

​

statNumber.fontWeight

fontWeight: "700" = '700'

​

statNumber.marginRight

marginRight: number = 4

​

statsContainer

statsContainer: object

​

statsContainer.flexDirection

flexDirection: "row" = 'row'

​

statsContainer.marginBottom

marginBottom: number = 12

​

statsContainer.marginTop

marginTop: number = 12

​

usernameRow

usernameRow: object

​

usernameRow.alignItems

alignItems: "center" = 'center'

​

usernameRow.flexDirection

flexDirection: "row" = 'row'

​

usernameRow.marginTop

marginTop: number = 2

​

verifiedIcon

verifiedIcon: object

​

verifiedIcon.marginTop

marginTop: number = 2