커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
text color를 변경하고 싶을때
[왕초보] 나만의 수익성 앱, 앱개발 종합반
2주차
북마크
황*연
댓글
5
추천
0
조회수
8
조회수
8
답변 완료

* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.



컨테이너 박스를 만들어서 스타일 지정하고 텍스트를 입력하는데 텍스트 컨테이너를 기본 검은색으로 하고 텍스트만 흰색으로 바꾸고 싶습니다

그럴 때 텍스트 컨테이너를 검은색으로 바꾸는 건 쉽게 했는데

텍스트를 흰색으로 바꾸는 코드를 color를 사용해서 넣으려고 했더니

계속 에러가 뜨네요

이곳저곳 위치를 바꾸어서 넣어봐도 안되고

리액트네이티브 사이트에서 검색해 봐도 모르겠어요

텍스트 컬러 지정은 어느 항목에서 어떻게 넣어야 할까요?









import React from 'react';
import { StyleSheet, Text, View, ScrollView, MyAppHeaderText, TextBase} from 'react-native';


export default function App() {
  return (
    <ScrollView style={styles.container}>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
      <View style={styles.textContainer}>
        <Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
      </View>
    </ScrollView>
  );
}


const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
  },
  textContainer: {
    height:100,
    borderColor:'#000',
    borderWidth:1,
    borderRadius:10,
    margin:10,
    backgroundColor:'black'
  },
  textStyle: {
    textAlign:"center"
  }


});



취소
 공유
취소
댓글 0
댓글 알림
나의얼굴