react-native-validus-component-mobile

Common Components for ValidusFintech

Installation

``sh
npm i react-native-validus-component-mobile
or
yarn add react-native-validus-component-mobile
`

Usage


`js
import { SelectDropdown } from 'react-native-validus-component-mobile';
import {AccountSummaryCard} from './AccountSummaryCard';

// ...

import React, { useRef, useState } from 'react';
import { SelectDropdown } from 'react-native-validus-component-mobile';
import { View } from 'react-native';
import styles from './styles'; // Import your styles

const MyComponent = () => {
const [selectedOption, setSelectedOption] = useState(null);
const dropdownRef = useRef();

const data = ['Option 1', 'Option 2', 'Option 3', 'Option 4'];

const handleSelect = (selectedItem, index) => {
console.log(Selected: ${selectedItem} at index ${index});
setSelectedOption(selectedItem);
};

const buttonTextAfterSelection = (selectedItem) => {
return You selected ${selectedItem};
};

const rowTextForSelection = (item, index) => {
return Row ${index + 1}: ${item};
};

return (

ref={dropdownRef}
data={data}
onSelect={handleSelect}
defaultButtonText="Select an option"
buttonTextAfterSelection={buttonTextAfterSelection}
rowTextForSelection={rowTextForSelection}
buttonStyle={styles.button}
buttonTextStyle={styles.buttonText}
dropdownStyle={styles.dropdown}
rowStyle={styles.row}
rowTextStyle={styles.rowText}
/>

);
};

export default MyComponent;

Example 2:

import React from 'react';

const selectedAccountData = {
account_holder_name: 'John Doe',
account_number: '1234567890',
fund_description: 'Equity Fund',
plan_description: 'Growth',
option_description: 'Direct'
};

const customStyles = {
card: {
backgroundColor: 'lightblue',
},
value: {
color: 'darkgreen',
}
};

const App = () => (
availableUnits={1000}
availableBalance={15000}
selectedAccountData={selectedAccountData}
style={customStyles}
/>
);

export default App;

```

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

---

Made with create-react-native-library