Frontend/REACT_NATIVE

REACT NATIVE - 더보기 누르면 글 보이게 하기

<zinny/> 2022. 7. 8. 16:07
728x90
const [line, setLine] = useState(2);	//몇번째 줄까지 보여줄 껀지
const [isActive, setIsActive] = useState(false);	//눌렸는지 안눌렸는지 확인하는 용도 

const handelLine =() => {	//누르면 라인을 글씨 최대 길이로 변경하기 
	isActivated ? setLine(2) : setLine(Number.MAX_SAFE_INTEGER);
	setIsActive((prev) => !prev);
}


<View>
	<Text numberOfLines={line} ellipsizeMode="tail">	//말줄임표는 뒤에 최대 길이는 2번째 줄까지
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    이렇게 글씨가 택도 없이 길어지는 경우에는 어찌해야 하나요?
    </Text>
</View>
728x90

'Frontend > REACT_NATIVE' 카테고리의 다른 글

REACT-NATIVE- custom tab bar  (0) 2022.07.19
REACT-NATIVE - pickerSelect  (0) 2022.07.14
REACT-NATIVE - Image태그 사용법  (0) 2022.07.04
REACT-NATIVE - svg 사용하는 법  (0) 2022.07.04
REACT-NATIVE - 처음 이후 설정  (0) 2022.06.22