Phản ứng tự nhiên xác định khi văn bản được cắt đứt

Question

Tôi đang sử dụng phản ứng bản địa với một số hạn chế về đường nét, được hiển thị như '...' sử dụng

<Text numberOfLines={4}> {myText} </Text>

Bây giờ vấn đề của tôi là, nếu văn bản bị cắt Tôi muốn hiển thị một số hình ảnh đặc biệt, để điều hướng đến một chế độ xem mới. Tôi tự hỏi liệu có một tài sản tôi có thể sử dụng để kiểm tra xem văn bản có bị cắt không?

Answer 1

Thành phần văn bản có sự kiện onPress có thể được xử lý để điều hướng đến một cảnh khác. Để bật điều hướng, thành phần có văn bản sẽ được đặt trong thành phần NavigationIOS. Thành phần văn bản cũng có thuộc tính ellipsizeMode đặt "..." ở đuôi.

<Text 
    numberOfLines={4} 
    ellipsizeMode="tail" 
    onPress={(e) => this.props.navigator.push({component: Detail})} 
> 
    {myText} 
</Text> 

Answer 2

Hiện không có bất động sản nào cho điều này (không may).

Có một yêu cầu tính năng tại đây: https://github.com/facebook/react-native/issues/2496 (cũng có một số đề xuất về cách bạn có thể làm cho nó hoạt động, nhưng các liên kết triển khai bị hỏng).

Bạn có thể đo không gian bị chiếm bởi một số dòng nhất định, sau đó tự xử lý nó? Nhưng không phải lý tưởng.