9 |
10 |
8 | 
9 |
10 |
11 | ## API
12 |
13 | ### pastScrollRange
14 |
15 | Max amount of months allowed to scroll to the past
16 | number
17 |
18 | ### futureScrollRange
19 |
20 | Max amount of months allowed to scroll to the future
21 | number
22 |
23 | ### calendarStyle
24 |
25 | Specify style for calendar container element
26 | ViewStyle
27 |
28 | ### calendarHeight
29 |
30 | Dynamic calendar height
31 | number
32 |
33 | ### calendarWidth
34 |
35 | Used when calendar scroll is horizontal, (when pagingEnabled = false)
36 | number
37 |
38 | ### staticHeader
39 |
40 | Whether to use a fixed header that doesn't scroll (when horizontal = true)
41 | boolean
42 |
43 | ### showScrollIndicator
44 |
45 | Whether to enable or disable vertical / horizontal scroll indicator
46 | boolean
47 |
48 |
9 | 49 | 50 | ## Calendar List Examples 51 | 52 |
53 | 54 | `
75 |
76 | You can also make the `CalendarList` scroll horizontally. To do that you need to pass specific props to the `CalendarList`:
77 |
78 | ```javascript
79 |
9 |
10 | 
8 |
9 | 
8 |
9 |
31 |
39 | );
40 | }
41 |
42 | export default function HomepageFeatures() {
43 | return (
44 |
32 |
35 | {title}
33 | {/*{description}
*/} 34 |
36 | 
37 |
38 |
46 |
52 |
47 | {FeatureList.map((props, idx) => (
48 |
51 |
14 |
17 | {siteConfig.title}
15 |{siteConfig.tagline}
16 |`;
46 | component.images?.forEach(image => {
47 | content += `
`;
48 | content += '\n\n';
49 | });
50 | content += '
\n\n';
51 |
52 | /* Props */
53 | content += `## API\n`;
54 | component.props.forEach(prop => {
55 | content += `### ${prop.name}\n`;
56 | content += `${prop.description} \n`;
57 | content += `${prop.type}\n\n`;
58 | });
59 |
60 | fs.writeFileSync(`${COMPONENTS_DOCS_DIR}/${component.name}.md`, content, {encoding: 'utf8'});
61 | });
62 | }
63 |
--------------------------------------------------------------------------------
/scripts/postinstall.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs-extra');
2 | const path = require('path');
3 | const semver = require('semver');
4 |
5 | const rnVersion = (function () {
6 | const rnPackageJson = require('react-native/package.json');
7 | return rnPackageJson.version;
8 | })();
9 |
10 | function cleanFindNodeScriptFileForRn64IOS() {
11 | const REACT_SCRIPTS_PATH = path.join('node_modules', 'react-native', 'scripts');
12 | const REACT_FIND_NODE_SCRIPT_PATH = path.join(REACT_SCRIPTS_PATH, 'find-node.sh');
13 |
14 | console.log('Clean content of find-node.sh file..');
15 | try {
16 | fs.writeFileSync(REACT_FIND_NODE_SCRIPT_PATH, '');
17 | } catch (e) {
18 | console.warn("Couldn't clean content find-node.sh file");
19 | }
20 | }
21 |
22 | function run() {
23 | console.log('Running post-install script...');
24 |
25 | if (semver.minor(rnVersion) === 64) {
26 | console.log('Detected RN version .64! Applying necessary patches...');
27 | cleanFindNodeScriptFileForRn64IOS();
28 | }
29 | }
30 |
31 | run();
32 |
--------------------------------------------------------------------------------
/scripts/test-e2e.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 | const includes = require('lodash/includes');
3 | const exec = require('shell-utils').exec;
4 |
5 | const release = includes(process.argv, '--release');
6 | const skipBuild = includes(process.argv, '--skipBuild');
7 | const multi = includes(process.argv, '--multi');
8 | const verbose = includes(process.argv, '--verbose');
9 |
10 | run();
11 |
12 | function run() {
13 | const configuration = release ? `ios.sim.release` : `ios.sim.debug`;
14 | const workers = multi ? 3 : 1;
15 | const loglevel = verbose ? '--loglevel verbose' : '';
16 |
17 | if (!skipBuild) {
18 | exec.execSync('npm run pod-install');
19 | exec.execSync(`detox build --configuration ${configuration}`);
20 | }
21 | exec.execSync(`detox test --configuration ${configuration} -w ${workers} ${loglevel}`);
22 | }
--------------------------------------------------------------------------------
/src/Profiler.tsx:
--------------------------------------------------------------------------------
1 | // @ts-nocheck
2 |
3 | // Taken from
4 | // https://medium.com/life-at-paperless/how-to-use-the-react-profiler-component-to-measure-performance-improvements-from-hooks-d43b7092d7a8
5 |
6 | // Profiler callback
7 | // https://reactjs.org/docs/profiler.html#onrender-callback
8 |
9 | import React, {Profiler as RProfiler, ProfilerProps as RProfilerProps, PropsWithChildren} from 'react';
10 |
11 | export type ProfilerProps = Pick