Styling updates and typo fixes

Summary:
Changelog: [Internal] Fix things in RNTester
* Make SectionList-contentInset example iOS only and update styling
* Fix a typo in SectionList-onEndReached example
* Fix module example styling and pressed state styling for Android

Reviewed By: kacieb

Differential Revision: D29571327

fbshipit-source-id: 5cbb68781536e21ca73ca22b01343379306babd4
This commit is contained in:
Luna Wei 2021-07-07 13:57:01 -07:00 коммит произвёл Facebook GitHub Bot
Родитель 1ad6e6096a
Коммит 28e8c6a716
5 изменённых файлов: 6 добавлений и 4 удалений

Просмотреть файл

@ -87,6 +87,7 @@ const styles = StyleSheet.create({
},
pressed: {
backgroundColor: 'rgb(242,242,242)',
elevation: 3,
},
topRowStyle: {
flexDirection: 'row',

Просмотреть файл

@ -136,6 +136,6 @@ const styles = StyleSheet.create({
ios: StyleSheet.hairlineWidth,
android: 0,
}),
marginHorizontal: Platform.select({ios: 15, android: 0}),
marginHorizontal: 15,
},
});

Просмотреть файл

@ -59,7 +59,7 @@ export function SectionList_contentInset(): React.Node {
const styles = StyleSheet.create({
titleContainer: {
position: 'absolute',
top: 45,
top: 40,
left: 0,
right: 0,
justifyContent: 'flex-end',
@ -76,6 +76,7 @@ const styles = StyleSheet.create({
export default {
title: 'SectionList Content Inset',
platform: 'ios',
name: 'SectionList-contentInset',
render: function(): React.Element<typeof SectionList_contentInset> {
return <SectionList_contentInset />;

Просмотреть файл

@ -37,7 +37,7 @@ export function SectionList_onEndReached(): React.Node {
}
export default {
title: 'SectionList Inverted',
title: 'SectionList onEndReached',
name: 'SectionList-onEndReached',
description: 'Test onEndReached behavior',
render: function(): React.Element<typeof SectionList_onEndReached> {

Просмотреть файл

@ -13,7 +13,7 @@ import * as React from 'react';
export type RNTesterModuleExample = $ReadOnly<{|
name?: string,
title: string,
platform?: string,
platform?: 'ios' | 'android',
description?: string,
render: () => React.Node,
|}>;