mirror of
https://github.com/status-im/react-native.git
synced 2025-01-28 02:04:55 +00:00
[ReactNative][SyncDiff] Add border example
This commit is contained in:
parent
0426f502bb
commit
bc64f26a7a
@ -26,12 +26,12 @@ var styles = StyleSheet.create({
|
|||||||
},
|
},
|
||||||
border1: {
|
border1: {
|
||||||
borderWidth: 10,
|
borderWidth: 10,
|
||||||
borderColor: 'brown',
|
borderColor: '#a52a2a',
|
||||||
},
|
},
|
||||||
borderRadius: {
|
borderRadius: {
|
||||||
borderWidth: 10,
|
borderWidth: 10,
|
||||||
borderRadius: 10,
|
borderRadius: 10,
|
||||||
borderColor: 'cyan',
|
borderColor: '#00ffff',
|
||||||
},
|
},
|
||||||
border2: {
|
border2: {
|
||||||
borderWidth: 10,
|
borderWidth: 10,
|
||||||
@ -134,6 +134,7 @@ exports.examples = [
|
|||||||
{
|
{
|
||||||
title: 'Custom Borders',
|
title: 'Custom Borders',
|
||||||
description: 'border*Width & border*Color',
|
description: 'border*Width & border*Color',
|
||||||
|
platform: 'ios',
|
||||||
render() {
|
render() {
|
||||||
return <View style={[styles.box, styles.border5]} />;
|
return <View style={[styles.box, styles.border5]} />;
|
||||||
}
|
}
|
||||||
@ -141,6 +142,7 @@ exports.examples = [
|
|||||||
{
|
{
|
||||||
title: 'Custom Borders',
|
title: 'Custom Borders',
|
||||||
description: 'border*Width & border*Color',
|
description: 'border*Width & border*Color',
|
||||||
|
platform: 'ios',
|
||||||
render() {
|
render() {
|
||||||
return <View style={[styles.box, styles.border6]} />;
|
return <View style={[styles.box, styles.border6]} />;
|
||||||
}
|
}
|
||||||
@ -148,6 +150,7 @@ exports.examples = [
|
|||||||
{
|
{
|
||||||
title: 'Custom Borders',
|
title: 'Custom Borders',
|
||||||
description: 'borderRadius & clipping',
|
description: 'borderRadius & clipping',
|
||||||
|
platform: 'ios',
|
||||||
render() {
|
render() {
|
||||||
return (
|
return (
|
||||||
<View style={[styles.box, styles.border7]}>
|
<View style={[styles.box, styles.border7]}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user