2017-01-07 26 views
9

Tôi đã tự hỏi tại sao lại nhận được những điều lạ lùng padding trên Văn bản của tôi theo phản ứng gốc. Tôi đã thử mọi thứ để có được một văn bản hoàn hảo nhưng không có gì có vẻ là công việc duy nhất làm việc là paddingVerticalpaddingHorizontal nhưng đó là cách quá hacky và không đáng tin cậy.Phản ứng thành phần văn bản Android gốc phản ứng đệm bổ sung

<Text numberOfLines={1} 
     style={{ 
      backgroundColor: 'red', 
      lineHeight: 92, 
      textAlign: 'center', 
      textAlignVertical: 'center', 
      padding: 0, 
      margin: 0, 
      fontSize: 92, 
      color: '#2d76ff', 
      fontFamily: 'Roboto-Regular', 
      includeFontPadding: false}}> 
     {this.state.documents} 
</Text> 

Zeplin

enter image description here

Ảnh chụp màn hình từ HTC của tôi

enter image description here

+0

Bạn có thể cập nhật câu hỏi của mình để thêm một chút thông tin không? Trường hợp chính xác là padding thêm bạn đang cố gắng để loại bỏ trong ảnh chụp màn hình của bạn? –

+0

Bạn đang sử dụng phông chữ tùy chỉnh (Tôi không nghĩ Roboto là mặc định)? Hành vi này có dành riêng cho Android hoặc iOS không? Tôi đã gặp sự cố tương tự trên Android, nơi tôi đã tìm thấy một loại giải pháp hacky: http://stackoverflow.com/questions/41570343 – henkimon

Trả lời

-1

Bạn có thể thêm vào phong cách:

lineHeight: 70, 
paddingTop: -6, 

Và đây là kết quả: result.

Các vấn đề liên quan