https://github.com/bingoogolapple/react-native-bga-badge-view
桥接 Android 中的自定义徽章控件到 React Native 的案例
https://github.com/bingoogolapple/react-native-bga-badge-view
Last synced: 5 months ago
JSON representation
桥接 Android 中的自定义徽章控件到 React Native 的案例
- Host: GitHub
- URL: https://github.com/bingoogolapple/react-native-bga-badge-view
- Owner: bingoogolapple
- Created: 2016-03-14T05:18:19.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2024-12-10T17:26:03.000Z (10 months ago)
- Last Synced: 2025-05-13T01:11:23.698Z (5 months ago)
- Language: Java
- Homepage:
- Size: 1.23 MB
- Stars: 36
- Watchers: 4
- Forks: 7
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
:running:BGABadgeView-Android桥接React Native案例:running:
============
[BGABadgeView-Android](https://github.com/bingoogolapple/BGABadgeView-Android)
### 效果图
```
import BGABadgeViewAndroid from './app/Components/BGABadge/BGABadgeViewAndroid';
import DemoItem from './app/Components/demo/DemoItem';
class BGABadgeViewRN extends Component {
constructor(props) {
super(props);
this.state = {
badgeText: "20",
};
}
render() {
return (
React Native - BGABadgeView
this.onDismiss("第1个")} />
this.onDismiss("第2个")} />
this.onDismiss("第3个")} />
this.onDismiss("第4个")} />
this.onDismiss("第5个")} />
);
}
onDismiss(tip) {
ToastAndroid.show('消失 ' + tip, ToastAndroid.SHORT)
}
hiddenFistBadge() {
this.setState({
badgeText: ""
});
}
showFistBadge() {
this.setState({
badgeText: "20"
});
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
badge: {
width: 60,
height: 60,
},
backgroundImage: {
flexDirection: 'row',
justifyContent: 'flex-end',
flex: 1,
width: 100,
height: 100,
}
});
```
## 作者联系方式
| 个人主页 | 邮箱 |
| ------------- | ------------ |
| bingoogolapple.cn | bingoogolapple@gmail.com |
| 个人微信号 | 微信群 | 公众号 |
| ------------ | ------------ | ------------ |
| 
| 
| 
|
| 个人 QQ 号 | QQ 群 |
| ------------ | ------------ |
| 
| 
|
## 打赏支持作者
如果您觉得 BGA 系列开源库或工具软件帮您节省了大量的开发时间，可以扫描下方的二维码打赏支持。您的支持将鼓励我继续创作，打赏后还可以加我微信免费开通一年 [上帝小助手浏览器扩展/插件开发平台](https://github.com/bingoogolapple/bga-god-assistant-config) 的会员服务
| 微信 | QQ | 支付宝 |
| ------------- | ------------- | ------------- |
| 
| 
| 
|
## 作者项目推荐
* 欢迎您使用我开发的第一个独立开发软件产品 [上帝小助手浏览器扩展/插件开发平台](https://github.com/bingoogolapple/bga-god-assistant-config)
## License
Copyright 2016 bingoogolapple
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.