Skip to content

Commit

Permalink
feat:添加通告栏组件实例
Browse files Browse the repository at this point in the history
  • Loading branch information
yaochuxia committed Aug 13, 2021
1 parent febc78f commit 603aae4
Showing 1 changed file with 31 additions and 0 deletions.
31 changes: 31 additions & 0 deletions example/examples/src/routes/NoticeBar/index.tsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,31 @@
import React from 'react'
import { Image, Text, View } from 'react-native'
import { NoticeBar, WingBlank } from '@uiw/react-native';


export default class NoticeBarExample extends React.Component{
render() {
const customIcon = (
<Image
// tslint:disable-next-line:jsx-no-multiline-js
source={{
uri: 'https://zos.alipayobjects.com/rmsportal/bRnouywfdRsCcLU.png',
}}
style={{ width: 12, height: 12 }}
/>
)
return (
<View style={{ marginTop: 10 }}>
<WingBlank size="large">
{/* marqueeProps.style only support text style props*/}
<NoticeBar
onPress={() => console.log('click')}
marqueeProps={{ loop: true, style: { fontSize: 12, color: 'red' } }}>
Notice: The arrival time of incomes and transfers of Yu 'E Bao will be
delayed during National Day.
</NoticeBar>
</WingBlank>
</View>
)
}
}

0 comments on commit 603aae4

Please sign in to comment.