In the flex row layout, the list will be truncated
xuergo opened this issue · comments
This may not be a bug, but it troubles me. I share it with others in the hope of being helpful
<View className='flex-row'>
<View className='w-[10px] h-[10px] bg-black'></View>
<Markdown>
{` 1. hi`}
</Markdown>
</View>
Bad
![image](https://private-user-images.githubusercontent.com/46159623/273658431-ec17767e-8913-4c2e-b4d5-579de91c7c1b.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTU5NDk5MTYsIm5iZiI6MTcxNTk0OTYxNiwicGF0aCI6Ii80NjE1OTYyMy8yNzM2NTg0MzEtZWMxNzc2N2UtODkxMy00YzJlLWI0ZDUtNTc5ZGU5MWM3YzFiLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTE3VDEyNDAxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWIwYjE3YTkzNGI5ZDU2YThkMGYyYzhhNTNhYmU4YzE4YzUxOWUxZTljMDkzOWUyYjEyOTE2M2FiODc4ZGM5NTMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.PzwUHXVweXr9HBb0A89shYodbIhSUsJ3AijECr2ZPwE)
<View className='flex-row'>
<View className='w-[10px] h-[10px] bg-black'></View>
<Markdown style={{ ordered_list_content: { flex: 0 } }} >
{` 1. hi`}
</Markdown>
</View>
Good
![image](https://private-user-images.githubusercontent.com/46159623/273658973-fb81bf08-f367-4a6b-b20f-d98aad509ead.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MTU5NDk5MTYsIm5iZiI6MTcxNTk0OTYxNiwicGF0aCI6Ii80NjE1OTYyMy8yNzM2NTg5NzMtZmI4MWJmMDgtZjM2Ny00YTZiLWIyMGYtZDk4YWFkNTA5ZWFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA1MTclMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNTE3VDEyNDAxNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTc0MmRkYWVjMzNjMzFiZGQzY2E1MmQ5ZjExZDEwYzg4ZTMzNGEzZTlmYzViZmFiZTFiYWJkMTI5NDhhYzk1ZmImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.EAMq96Pr1S5rMyXzSVkzoRSCA_2S-rQIjoFcbkTBnZ8)