* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
버튼의 보더컬러가 적용이안됩니다.
다른색상으로 바꿔도 안 되고 그 이외에 일반 color나 마진등은 적용이 되는데
왜 보더컬러만 적용이 안 되는지요?
import React, { cloneElement } from 'react';
import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';
const tip = {
"idx":9,
"category":"재테크",
"title":"렌탈 서비스 금액 비교해보기",
"image": "https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png",
"desc":"요즘은 정수기, 공기 청정기, 자동차나 장난감 등 다양한 대여서비스가 활발합니다. 사는 것보다 경제적이라고 생각해 렌탈 서비스를 이용하는 분들이 늘어나고 있는데요. 다만, 이런 렌탈 서비스 이용이 하나둘 늘어나다 보면 그 금액은 겉잡을 수 없이 불어나게 됩니다. 특히, 렌탈 서비스는 빌려주는 물건의 관리비용까지 포함된 것이기에 생각만큼 저렴하지 않습니다. 직접 관리하며 사용할 수 있는 물건이 있는지 살펴보고, 렌탈 서비스 항목에서 제외해보세요. 렌탈 비용과 구매 비용, 관리 비용을 여러모로 비교해보고 고민해보는 것이 좋습니다. ",
"date":"2020.09.09"
}
const image="https://storage.googleapis.com/sparta-image.appspot.com/lecture/money1.png"
export default function DetailPage() {
return (<ScrollView style={styles.container}>
<Image style={styles.mainImage} source={{uri:tip.image}}/>
<Text style={styles.title}>{tip.title}</Text>
<Text style={styles.text}>{tip.desc}</Text>
<TouchableOpacity style={styles.button}>
<Text style={styles.buttonText}>팁 찜하기</Text>
</TouchableOpacity>
</ScrollView>)
}
const styles = StyleSheet.create({
container: {
backgroundColor: '#000',
flex: 1,
},
mainImage: {
width: '98%',
height: 470,
alignSelf: 'center',
borderRadius: 30,
},
title: {
alignSelf: 'center',
fontWeight: '700',
fontSize: 20,
marginTop: 20,
marginBottom: 10,
color:'#fff'
},
text: {
color: '#fff',
margin: 5,
},
button: {
alignSelf: 'center',
// backgroundColor: 'blue',
borderRadius: 10,
alignItems: 'center',
marginTop: 20,
width: '30%',
height: 50,
borderColor:'deeppink'<---문제점
},
buttonText: {
color: '#fff',
textAlign: 'center'
}
})
